Web標(biāo)準(zhǔn)不僅僅是不用表格的站點(diǎn). Web 標(biāo)準(zhǔn)，不僅僅是“不用表格的站點(diǎn)”
“Web 標(biāo)準(zhǔn)”這個(gè)詞在不同人眼里可能有不同的含義。有人會(huì)覺(jué)得那是“不用表格的站點(diǎn)”，也有人會(huì)覺(jué)得那是“使用通過(guò)驗(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í)踐 (通過(guò)驗(yàn)證的代碼，有親和力的代碼，語(yǔ)義正確的代碼，對(duì)用戶(hù)友好的 URL 等等)。
換句話說(shuō)，用 Web 標(biāo)準(zhǔn)建構(gòu)的站點(diǎn)，如果理想地看，必須簡(jiǎn)潔，干凈，基于 CSS，有親和力，有可用性，以及對(duì)搜索引擎友好。 有關(guān)這張一覽表
這顯然還不是一張完整的表格，很可能要加上很多東西。然而更重要的是，并非其中每樣?xùn)|西都必須在你的站點(diǎn)中找到，這只是一個(gè)向?qū)В脕?lái)： 展示 Web 標(biāo)準(zhǔn)領(lǐng)域的跨度 作為開(kāi)發(fā)者手邊的便捷的查詢(xún)工具 幫助正在慢慢轉(zhuǎn)向 Web 標(biāo)準(zhǔn)的開(kāi)發(fā)者們適應(yīng) 一覽表 代碼質(zhì)量

使用了正確的 DOCTYPE 嗎？
http://www.w3.org/QA/2002/04/valid-dtd-list.html 使用了正確的字符集嗎？
http://www.w3.org/International/O-charset.html 使用了合法的 (X)HTML 嗎？
http://validator.w3.org/ 使用了合法的 CSS 嗎？
http://jigsaw.w3.org/css-validator/ 用到了哪些 CSS Hack？
http://css-discuss.incutio.com/?page=CssHack 使用了多余的 class 或者 id 嗎？ 代碼的語(yǔ)義結(jié)構(gòu)是否正確？1
http://www.w3.org/2003/12/semantic-extractor.html 是否有壞掉的鏈接？
http://validator.w3.org/checklink 在頁(yè)面和腳本大小的影響下，站點(diǎn)的速度如何？
http://www.websiteoptimization.com/services/analyze/ 有沒(méi)有什么 JavaScript 錯(cuò)誤？

內(nèi)容與表現(xiàn)的區(qū)分度

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

對(duì)用戶(hù)的親和力

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

對(duì)設(shè)備的親和力

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

基本的可用性

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

站點(diǎn)管理

站點(diǎn)是否有一個(gè)有意義并且有幫助 404 出錯(cuò)頁(yè)面，這個(gè)頁(yè)面是否對(duì)所有的目錄深度都有效？ 站點(diǎn)的 URL 是否友好？ 如果去掉“www”，鏈接都還正常嗎？ 站點(diǎn)是否有個(gè)圖標(biāo)？

最新評(píng)論