Web標(biāo)準(zhǔn)建構(gòu)的站點一覽表
互聯(lián)網(wǎng) 發(fā)布時間:2009-04-02 19:35:32 作者:佚名
我要評論
網(wǎng)頁制作Webjx文章簡介:Web標(biāo)準(zhǔn)不僅僅是不用表格的站點.
Web 標(biāo)準(zhǔn),不僅僅是“不用表格的站點”
“Web 標(biāo)準(zhǔn)”這個詞在不同人眼里可能有不同的含義。有人會覺得那是“不用表格的站點”,也有
Web標(biāo)準(zhǔn)不僅僅是不用表格的站點. Web 標(biāo)準(zhǔn),不僅僅是“不用表格的站點”
“Web 標(biāo)準(zhǔn)”這個詞在不同人眼里可能有不同的含義。有人會覺得那是“不用表格的站點”,也有人會覺得那是“使用通過驗證的代碼”。實際上,Web 標(biāo)準(zhǔn)涵蓋的比這寬泛得多,用 Web 標(biāo)準(zhǔn)建構(gòu)的站點必須堅持標(biāo)準(zhǔn) (HTML, XHTML, XML, CSS, XSLT, DOM, MathML, SVG 等等) 并執(zhí)著于實踐 (通過驗證的代碼,有親和力的代碼,語義正確的代碼,對用戶友好的 URL 等等)。
換句話說,用 Web 標(biāo)準(zhǔn)建構(gòu)的站點,如果理想地看,必須簡潔,干凈,基于 CSS,有親和力,有可用性,以及對搜索引擎友好。 有關(guān)這張一覽表
這顯然還不是一張完整的表格,很可能要加上很多東西。然而更重要的是,并非其中每樣?xùn)|西都必須在你的站點中找到,這只是一個向?qū)?,用來? 展示 Web 標(biāo)準(zhǔn)領(lǐng)域的跨度 作為開發(fā)者手邊的便捷的查詢工具 幫助正在慢慢轉(zhuǎn)向 Web 標(biāo)準(zhǔn)的開發(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 嗎? 代碼的語義結(jié)構(gòu)是否正確?1
http://www.w3.org/2003/12/semantic-extractor.html 是否有壞掉的鏈接?
http://validator.w3.org/checklink 在頁面和腳本大小的影響下,站點的速度如何?
http://www.websiteoptimization.com/services/analyze/ 有沒有什么 JavaScript 錯誤?
-
是否所有的表現(xiàn)類信息都用 CSS 來處理了?(字體、顏色、補白、邊框等等)
是否所有的裝飾性圖片都用 CSS 來處理而不是直接寫在 (X)HTML 中了?
-
所有的描述性圖片都用了 alt 屬性來提供文字信息嗎?
字體使用了相對單位而不是絕對單位嗎?
如果字體增大,會不會有些排版方面的錯誤出現(xiàn)?
是否使用了彈出式菜單?
表單 (form) 是否具有親和力?
表格是否具有親和力?
配色的亮度和對比度足夠嗎?
是否只用顏色來區(qū)分重要的信息?
彈出式菜單是否有一個延遲的響應(yīng)?(為一些反映不那么敏捷的人士考慮)
是否所有的鏈接都具有描述性?3 (為盲人考慮)
-
新舊瀏覽器都至少能接受這個站點嗎?
如果完全清除 CSS 的話,站點還具有親和力嗎?
如果所有圖像都關(guān)閉的話,站點還具有親和力嗎?
在 Lynx 等文本的瀏覽器下是否可讀?
打印出來是否可讀?
掌上設(shè)備中是否可讀?
站點是否包含了詳細的元數(shù)據(jù) (metadata)?
在不同的瀏覽器窗口大小下站點是否正常?
-
從視覺上說,是否有一個清晰的層次結(jié)構(gòu)?
不同等級的標(biāo)題是否容易區(qū)分?
站點的導(dǎo)航欄是否容易辨認?
導(dǎo)航欄是否一致?
是否使用了一致并且合適的語言?
是否有站點地圖頁面和聯(lián)系信息頁面?它們找起來容易嗎?
龐大的站點是否有搜索工具?
每頁都有到首頁鏈接嗎?
鏈接都有下劃線嗎?
已經(jīng)訪問過的連接是否用獨特的顏色來區(qū)分了?
-
站點是否有一個有意義并且有幫助 404 出錯頁面,這個頁面是否對所有的目錄深度都有效?
站點的 URL 是否友好?
如果去掉“www”,鏈接都還正常嗎?
站點是否有個圖標(biāo)?
相關(guān)文章

AudioContext 實現(xiàn)音頻可視化(web技術(shù)分享)
這篇文章主要分享的是web技術(shù)的 AudioContext 實現(xiàn)音頻可視化,要實現(xiàn)音頻可視化得先實現(xiàn)一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext,下面詳細內(nèi)容2022-02-23
這篇文章主要給大家介紹了web技術(shù)中的WebRTC記錄音視頻流,文章內(nèi)容圍繞主題展相關(guān)資料,需要的小伙伴可以參考一下,希望對你有所幫助2022-02-23- 這是我通過網(wǎng)上查閱資料總結(jié)的一些編碼規(guī)范,用于鞏固對html,css頁面重構(gòu)時的基礎(chǔ),需要的朋友可以參考下2020-12-19
前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范
這篇文章主要介紹了前端編碼規(guī)范(4)—— CSS 和 Sass (SCSS) 開發(fā)規(guī)范,需要的朋友可以參考下2017-01-21Web前端開發(fā)規(guī)范2017(HTML/JavaScript/CSS)
這是一份旨在增強團隊的開發(fā)協(xié)作,提高代碼質(zhì)量和打造開發(fā)基石的編碼風(fēng)格規(guī)范,其中包含了 HTML, JavaScript 和 CSS/SCSS 這幾個部分。我們知道,當(dāng)一個團隊開始指定并實行2017-01-21- 這篇文章主要為大家介紹了前端開發(fā)團隊遵循和約定的代碼書寫規(guī)范,意在提高代碼的規(guī)范性和可維護性,需要的朋友可以參考下2017-01-21
響應(yīng)式Web之流式網(wǎng)格系統(tǒng)
這篇文章主要為大家詳細介紹了響應(yīng)式Web之流式網(wǎng)格系統(tǒng)的相關(guān)資料,感興趣的小伙伴們可以參考一下2016-07-04在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法
下面小編就為大家分享一篇在網(wǎng)頁標(biāo)題欄上和收藏夾顯示網(wǎng)站logo的實現(xiàn)方法。希望對大家有所幫助。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-03-16Visual Foxpro 6.0 中文版安裝向?qū)?圖解)
基于很多用戶都在下載Visual Foxpro 6.0,但是有安裝vtp6.0經(jīng)驗的朋友確很少,在安裝過程中總會出現(xiàn)這樣那樣的問題,基于這些問題,下面小編抽個時間把Visual Foxpro 6.02015-09-09網(wǎng)站日志200 0 64狀態(tài)碼的分析(協(xié)議子狀態(tài))
網(wǎng)站日志200 0 64狀態(tài)碼的分析介紹2012-10-29



