武林網(wǎng)(www.companysz.com)文章簡(jiǎn)介：“Web 標(biāo)準(zhǔn)”這個(gè)詞在不同人眼里可能有不同的含義。有人會(huì)覺得那是“不用表格的站點(diǎn)”，也有人會(huì)覺得那是“使用通過驗(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 對(duì)用戶的親和力
3.4 對(duì)設(shè)備的親和力
3.5 基本的可用性
3.6 站點(diǎn)管理

“Web 標(biāo)準(zhǔn)”這個(gè)詞在不同人眼里可能有不同的含義。有人會(huì)覺得那是“不用表格的站點(diǎn)”，也有人會(huì)覺得那是“使用通過驗(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)證的代碼，有親和力的代碼，語(yǔ)義正確的代碼，對(duì)用戶友好的 URL 等等)。

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

這顯然還不是一張完整的表格，很可能要加上很多東西。然而更重要的是，并非其中每樣?xùn)|西都必須在你的站點(diǎn)中找到，這只是一個(gè)向?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 嗎？
代碼的語(yǔ)義結(jié)構(gòu)是否正確？1

是否有壞掉的鏈接？

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

有沒有什么 JavaScript 錯(cuò)誤？2

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

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

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

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

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

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

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

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