W3C標(biāo)準(zhǔn)測(cè)試

申請(qǐng)免費(fèi)試用、咨詢電話：400-8352-114

WEB標(biāo)準(zhǔn)的網(wǎng)站應(yīng)該主要由三部分組成：結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）。對(duì)應(yīng)的網(wǎng)站標(biāo)準(zhǔn)也分三方面：結(jié)構(gòu)化標(biāo)準(zhǔn)語言，主要包括XHTML和XML；表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS；行為標(biāo)準(zhǔn)主要包括對(duì)象模型（如W3C DOM）、ECMAScript等。這些標(biāo)準(zhǔn)大部分由W3C組織（什么是W3C組織）起草和發(fā)布，也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn)，比如ECMA（European Computer Manufacturers Association）的ECMAScript標(biāo)準(zhǔn)。

那么通過W3C驗(yàn)證有的網(wǎng)站有哪些優(yōu)點(diǎn)呢？

對(duì)于訪問者：

● 文件下載與頁面顯示速度更快。
● 內(nèi)容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）。
● 內(nèi)容能被更廣泛的設(shè)備所訪問（包括屏幕閱讀機(jī)、手持設(shè)備、搜索機(jī)器人、打印機(jī)、電冰箱等等）。
● 用戶能夠通過樣式選擇定制自己的表現(xiàn)界面。
● 所有頁面都能提供適于打印的版本。

對(duì)于網(wǎng)站所有者：

● 更少的代碼和組件，容易維護(hù)。
● 帶寬要求降低（代碼更簡(jiǎn)潔），成本降低。舉個(gè)例子：當(dāng) ESPN.com 使用 CSS改版后，每天節(jié)約超過兩兆字節(jié)（terabytes）的帶寬。
● 更容易被搜尋引擎搜索到。
● 改版方便，不需要變動(dòng)頁面內(nèi)容。
● 提供打印版本而不需要復(fù)制內(nèi)容。
● 提高網(wǎng)站易用性。在美國，有嚴(yán)格的法律條款（Section 508）來約束政府網(wǎng)站必須達(dá)到一定的易用性，其他國家也有類似的要求。

初學(xué)者容易進(jìn)入誤區(qū)，例如：

不是為了通過校驗(yàn)才標(biāo)準(zhǔn)化

web標(biāo)準(zhǔn)的本意是實(shí)現(xiàn)內(nèi)容(結(jié)構(gòu))和表現(xiàn)分離，就是將樣式剝離出來放在單獨(dú)的css文件中。這樣做的好處是可以分別處理內(nèi)容和表現(xiàn)，也方便搜索和內(nèi)容的再利用。

W3C校驗(yàn)僅僅是幫助你檢查XHTML代碼的書寫是否規(guī)范，css的屬性是否都在CCS2的規(guī)范內(nèi)。代碼的標(biāo)準(zhǔn)化僅僅是第一步，不是說通過的校驗(yàn)，我的網(wǎng)頁就標(biāo)準(zhǔn)化了。我們不是為了虛名，或者向別人炫耀：“看我的頁面通過了校驗(yàn)”而去標(biāo)準(zhǔn)化，我們的目的是為了使自己的網(wǎng)頁設(shè)計(jì)工作更有效率，為了縮小網(wǎng)頁尺寸，為了能夠在任何瀏覽器和網(wǎng)絡(luò)設(shè)備中正常瀏覽。

請(qǐng)大家沉下心來，仔細(xì)研究和理解web標(biāo)準(zhǔn)的內(nèi)涵。網(wǎng)絡(luò)上已經(jīng)充滿了不必要的浮躁和虛榮，請(qǐng)不要將這種風(fēng)氣帶到web標(biāo)準(zhǔn)應(yīng)用中來，這樣做只會(huì)影響和損害web標(biāo)準(zhǔn)的推廣。

不要用傳統(tǒng)的表格思維來套div

“CSS布局就是將原來用table的地方用div來替代，原來是表格嵌套，現(xiàn)在是DIV嵌套。”這種觀點(diǎn)是錯(cuò)誤的！

請(qǐng)?zhí)鲈瓉肀砀癫季值慕d，拋棄一個(gè)td接一個(gè)td放置圖片和內(nèi)容的思維方式。我們上面說過web標(biāo)準(zhǔn)的目的是分離內(nèi)容和表現(xiàn)，你可以這樣思考，頁面里有的僅僅是內(nèi)容，沒有修飾的情況下，它看上去就是一張白白的頁面，上有一些文字和圖片(這個(gè)圖片是指內(nèi)容中的圖片，是有真實(shí)意義的圖片)。這些文字圖片僅僅是依次羅列下來，只有結(jié)構(gòu)，沒有任何樣式。然后加入表現(xiàn)，將所有修飾的圖片作為背景，用C SS來定義每一塊內(nèi)容的位置、字體、顏色等。

這樣制作的頁面才是內(nèi)容與表現(xiàn)分離的，就是說，當(dāng)你抽掉css文件，剩下的就是干凈的內(nèi)容。這樣才能在文本瀏覽器中閱讀，才能在手機(jī)、PDA中閱讀，才能隨時(shí)修改CSS實(shí)現(xiàn)改版。

不必為每塊內(nèi)容都建立一個(gè)id

有網(wǎng)友抱怨css文件太大、太復(fù)雜。仔細(xì)看他們的代碼，發(fā)現(xiàn)原因是他們對(duì)每塊內(nèi)容、甚至每句話都定義一個(gè)div，建立一個(gè)ID。這一方面是對(duì)樣式表應(yīng)用的不熟悉，另一方面也表現(xiàn)出對(duì)web標(biāo)準(zhǔn)沒有徹底理解。

我們知道內(nèi)容都是有結(jié)構(gòu)的,相同的結(jié)構(gòu)的內(nèi)容我們可以用同一個(gè)樣式來定義，比如相同級(jí)別的標(biāo)題、正文、圖片。對(duì)于多次引用的樣式可以用class來定義，不需要每個(gè)都用id；另外也不是說一定要用，你完全可以用別的來代替，同樣都是塊級(jí)元素，一樣有盒模型的七個(gè)參數(shù)，僅僅方便浮動(dòng)。

不要因?yàn)橐稽c(diǎn)挫折就輕言放棄

我想這是一個(gè)態(tài)度和處事方法問題，這不僅僅針對(duì)學(xué)習(xí)web標(biāo)準(zhǔn)。學(xué)習(xí)任何新知識(shí)，接受新概念，都有困難，特別是需要你改變?cè)瓉硪延械牧?xí)慣和思維時(shí)。唯一的問題就是：你認(rèn)為學(xué)習(xí)web標(biāo)準(zhǔn)是否值得？你可以問問自己：你是否認(rèn)可web標(biāo)準(zhǔn)帶來的這些好處(簡(jiǎn)化代碼、加速開發(fā)、壓縮文件尺寸、提高下載速度、更好的易用性、獲得更多用戶、更易于維護(hù)、多平臺(tái)兼容)？你是否覺得世界通用的XML離你還很遠(yuǎn)？你是否認(rèn)為現(xiàn)在掌握的HTML知識(shí)就已經(jīng)足夠了？

自從99年以后，網(wǎng)頁制作技術(shù)在國內(nèi)就沒有怎么進(jìn)步和變革過(除了flash的興起)，而在國外前進(jìn)的腳步就一直沒有停止過，xhtml1.0、xhtml1.1、xml、xsl...，W3C和各大軟件公司都在不斷的研究和推進(jìn)web技術(shù)，使它更方便、更有效、更強(qiáng)大。web標(biāo)準(zhǔn)的應(yīng)用和推廣國外已經(jīng)開展了八年多(以zeldman的web標(biāo)準(zhǔn)組織網(wǎng)站為起點(diǎn))，雖然困難重重，但正在逐步被人們接受和認(rèn)可。為什么我們依然陶醉在網(wǎng)站表面的“繁華”上，不去思考頁面背后本質(zhì)的東西。