利用插件來校驗XHTML是否符合Web標(biāo)準(zhǔn)_Web標(biāo)準(zhǔn)教程
大家對W3C提供的在線校驗工具HTML Validator一定很熟悉了,通過它的校驗甚至成了網(wǎng)頁“符合標(biāo)準(zhǔn)”的唯一標(biāo)志。我們暫且不討論這種熟悉的誤區(qū),但W3C的這個校驗工具確實是最權(quán)威也最準(zhǔn)確。它嚴格地根據(jù)與頁面相應(yīng)的DTD 來校驗XHTML代碼,同時提供明確的錯誤提示幫助制作者糾錯、改進。
這個在線校驗工具也有它的局限性,就是——“在線”。假如你的頁面在線,那么直接校驗也還方便,假如是還在制作中的本地文件,那就需要上傳才能校驗了。另外網(wǎng)速也成為一件麻煩事,比如我的網(wǎng)站是架在自己家中,連到W3.org本來就慢,校驗的時候還要等W3的服務(wù)器來我的服務(wù)器上抓取頁面,這么一來一去可實在是讓人頭痛。
除去這個在線校驗工具,W3C還有一個開源的軟件:Tidy。它的主要功能是自動地把HTML代碼轉(zhuǎn)為XHTML代碼,有些CMS系統(tǒng)就是用它在后臺把用戶提交上來的代碼處理為較為干凈并合標(biāo)準(zhǔn)的代碼。在轉(zhuǎn)換代碼的過程中,它也會產(chǎn)生具體的錯誤報告。大約半年前,我開始使用Tidy,并試圖把它寫成MyIE的插件,方便隨時對頁面進行校驗。無奈實在沒有時間去研究MyIE那一大堆API,中途就放棄了。年初的時候忽然在Firefox的網(wǎng)站找到一個基于Tidy的HTML校驗插件,如獲至寶,這個小插件也確實好用,在平常的工作中幫了大忙。希奇的是似乎很少看到有其他人提及這個工具,所以俺就來介紹一下。
先要安裝這個插件(唉,又廢話了……),可以到這里下載。裝完后重啟Firefox,可以在Tools(工具)->Extensions(擴展)中看到這個插件,如下:
使用的方法嚎簡單呀!隨便打開個網(wǎng)頁,再往Firefox的右下角瞄一眼,you can find this:
它把不合規(guī)范的錯誤分成了Error(錯誤)和Warning(警告)兩類。Error一般是比較嚴重的問題,比如標(biāo)簽嵌套錯誤。Warning的問題就多了,比如鏈接里的&沒有寫成&等等。另外這個插件引入了Accessibility(可訪問性)校驗,默認情況下它是不校驗可訪問性的,比如<img>標(biāo)簽不加alt屬性,在線校驗是算錯的,它就不管。假如你要打開可訪問性校驗,可以右鍵點擊上面紅框的區(qū)域,選Option,然后有一個Accessibility Level的選擇,建議選Normal。當(dāng)然了,你可能對自己要求比較嚴格,那就選3吧……不要被狂多Warning嚇壞咯。Option里還有更多的選項,俺不多啰嗦,自己試試就曉得了。
另外一定要提的是,假如報告有錯誤,怎么知道是哪里有錯了呢?Easy!雙擊上面紅框區(qū)域,所有的錯誤和警告都列出來了。雙擊任意一條錯誤或警告,它會自動幫你定位到源代碼的相應(yīng)地方。
最后說一句,這個校驗和在線校驗并不完全一樣。但是我們推廣并實踐標(biāo)準(zhǔn)并不是為了過校驗,不是嗎?假如你很在乎,建議平常在制作的時候用Tidy校驗,最后再用在線校驗復(fù)查一遍。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-利用插件來校驗XHTML是否符合Web標(biāo)準(zhǔn)
。