武林網(wǎng)(www.survivalescaperooms.com)文章簡介：“Web 標(biāo)準(zhǔn)”這個詞在不同人眼里可能有不同的含義。有人會覺得那是“不用表格的站點(diǎn)”，也有人會覺得那是“使用通過驗(yàn)證的代碼”。

Web 標(biāo)準(zhǔn)要求一覽表

目錄
1 Web 標(biāo)準(zhǔn)，不僅僅是“不用表格的站點(diǎn)”
2 有關(guān)這張一覽表
3 一覽表
3.1 代碼質(zhì)量
3.2 內(nèi)容與表現(xiàn)的區(qū)分度
3.3 對用戶的親和力
3.4 對設(shè)備的親和力
3.5 基本的可用性
3.6 站點(diǎn)管理

“Web 標(biāo)準(zhǔn)”這個詞在不同人眼里可能有不同的含義。有人會覺得那是“不用表格的站點(diǎn)”，也有人會覺得那是“使用通過驗(yàn)證的代碼”。實(shí)際上，Web 標(biāo)準(zhǔn)涵蓋的比這寬泛得多，用 Web 標(biāo)準(zhǔn)建構(gòu)的站點(diǎn)必須堅(jiān)持標(biāo)準(zhǔn) (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG 等等) 并執(zhí)著于實(shí)踐 (通過驗(yàn)證的代碼，有親和力的代碼，語義正確的代碼，對用戶友好的 URL 等等)。

換句話說，用 Web 標(biāo)準(zhǔn)建構(gòu)的站點(diǎn)，如果理想地看，必須簡潔，干凈，基于 CSS，有親和力，有可用性，以及對搜索引擎友好。

這顯然還不是一張完整的表格，很可能要加上很多東西。然而更重要的是，并非其中每樣?xùn)|西都必須在你的站點(diǎn)中找到，這只是一個向?qū)В脕恚?

展示 Web 標(biāo)準(zhǔn)領(lǐng)域的跨度
作為開發(fā)者手邊的便捷的查詢工具
幫助正在慢慢轉(zhuǎn)向 Web 標(biāo)準(zhǔn)的開發(fā)者們適應(yīng)
一覽表

使用了正確的 DOCTYPE 嗎？

使用了正確的字符集嗎？

使用了合法的 (X)HTML 嗎？

使用了合法的 CSS 嗎？

用到了哪些 CSS Hack？
?page=CssHack
使用了多余的 class 或者 id 嗎？
代碼的語義結(jié)構(gòu)是否正確？1

是否有壞掉的鏈接？

在頁面和腳本大小的影響下，站點(diǎn)的速度如何？

有沒有什么 JavaScript 錯誤？2

是否所有的表現(xiàn)類信息都用 CSS 來處理了？(字體、顏色、補(bǔ)白、邊框等等)
是否所有的裝飾性圖片都用 CSS 來處理而不是直接寫在 (X)HTML 中了？

所有的描述性圖片都用了 alt 屬性來提供文字信息嗎？
字體使用了相對單位而不是絕對單位嗎？
如果字體增大，會不會有些排版方面的錯誤出現(xiàn)？
是否使用了彈出式菜單？
表單 (form) 是否具有親和力？
表格是否具有親和力？
配色的亮度和對比度足夠嗎？
是否只用顏色來區(qū)分重要的信息？
彈出式菜單是否有一個延遲的響應(yīng)？(為一些反映不那么敏捷的人士考慮)
是否所有的鏈接都具有描述性？3 (為盲人考慮)

新舊瀏覽器都至少能接受這個站點(diǎn)嗎？
如果完全清除 CSS 的話，站點(diǎn)還具有親和力嗎？
如果所有圖像都關(guān)閉的話，站點(diǎn)還具有親和力嗎？
在 Lynx 等文本的瀏覽器下是否可讀？
打印出來是否可讀？
掌上設(shè)備中是否可讀？
站點(diǎn)是否包含了詳細(xì)的元數(shù)據(jù) (metadata)？
在不同的瀏覽器窗口大小下站點(diǎn)是否正常？

從視覺上說，是否有一個清晰的層次結(jié)構(gòu)？
不同等級的標(biāo)題是否容易區(qū)分？
站點(diǎn)的導(dǎo)航欄是否容易辨認(rèn)？
導(dǎo)航欄是否一致？
是否使用了一致并且合適的語言？
是否有站點(diǎn)地圖頁面和聯(lián)系信息頁面？它們找起來容易嗎？
龐大的站點(diǎn)是否有搜索工具？
每頁都有到首頁鏈接嗎？
鏈接都有下劃線嗎？
已經(jīng)訪問過的連接是否用獨(dú)特的顏色來區(qū)分了？

站點(diǎn)是否有一個有意義并且有幫助 404 出錯頁面，這個頁面是否對所有的目錄深度都有效？
站點(diǎn)的 URL 是否友好？
如果去掉“www”，鏈接都還正常嗎？
站點(diǎn)是否有個圖標(biāo)？
以上的這份列表于 2004 年五月在 Web Standards 郵件列表上形成一個大致的框架。于 2004 年八月演示給悉尼 Web 標(biāo)準(zhǔn)小組。還有一份可以下載的 PDF 版本的一覽表，可供開發(fā)者打印出來填寫。

1 譯注：這個程序似乎處理中文上有一些問題，我試驗(yàn)過一些中文的站點(diǎn)都失敗了，不知道是程序出錯還是的確沒有標(biāo)記好。

2 譯注：Mozilla 的 JavaScript Console 以及一個插件 JavaScript Debugger 在這方面會有些幫助。

3 譯注：指的是不應(yīng)該用“點(diǎn)這里”這樣的詞句做鏈接，而用實(shí)際相關(guān)的信息來作為鏈接。