利用插件來校驗(yàn)XHTML是否符合Web標(biāo)準(zhǔn)_Web標(biāo)準(zhǔn)教程
大家對W3C提供的在線校驗(yàn)工具HTML Validator一定很熟悉了,通過它的校驗(yàn)甚至成了網(wǎng)頁“符合標(biāo)準(zhǔn)”的唯一標(biāo)志。我們暫且不討論這種熟悉的誤區(qū),但W3C的這個(gè)校驗(yàn)工具確實(shí)是最權(quán)威也最準(zhǔn)確。它嚴(yán)格地根據(jù)與頁面相應(yīng)的DTD 來校驗(yàn)XHTML代碼,同時(shí)提供明確的錯(cuò)誤提示幫助制作者糾錯(cuò)、改進(jìn)。
這個(gè)在線校驗(yàn)工具也有它的局限性,就是——“在線”。假如你的頁面在線,那么直接校驗(yàn)也還方便,假如是還在制作中的本地文件,那就需要上傳才能校驗(yàn)了。另外網(wǎng)速也成為一件麻煩事,比如我的網(wǎng)站是架在自己家中,連到W3.org本來就慢,校驗(yàn)的時(shí)候還要等W3的服務(wù)器來我的服務(wù)器上抓取頁面,這么一來一去可實(shí)在是讓人頭痛。
除去這個(gè)在線校驗(yàn)工具,W3C還有一個(gè)開源的軟件:Tidy。它的主要功能是自動(dòng)地把HTML代碼轉(zhuǎn)為XHTML代碼,有些CMS系統(tǒng)就是用它在后臺(tái)把用戶提交上來的代碼處理為較為干凈并合標(biāo)準(zhǔn)的代碼。在轉(zhuǎn)換代碼的過程中,它也會(huì)產(chǎn)生具體的錯(cuò)誤報(bào)告。大約半年前,我開始使用Tidy,并試圖把它寫成MyIE的插件,方便隨時(shí)對頁面進(jìn)行校驗(yàn)。無奈實(shí)在沒有時(shí)間去研究MyIE那一大堆API,中途就放棄了。年初的時(shí)候忽然在Firefox的網(wǎng)站找到一個(gè)基于Tidy的HTML校驗(yàn)插件,如獲至寶,這個(gè)小插件也確實(shí)好用,在平常的工作中幫了大忙。希奇的是似乎很少看到有其他人提及這個(gè)工具,所以俺就來介紹一下。
先要安裝這個(gè)插件(唉,又廢話了……),可以到這里下載。裝完后重啟Firefox,可以在Tools(工具)->Extensions(擴(kuò)展)中看到這個(gè)插件,如下:
使用的方法嚎簡單呀!隨便打開個(gè)網(wǎng)頁,再往Firefox的右下角瞄一眼,you can find this:
它把不合規(guī)范的錯(cuò)誤分成了Error(錯(cuò)誤)和Warning(警告)兩類。Error一般是比較嚴(yán)重的問題,比如標(biāo)簽嵌套錯(cuò)誤。Warning的問題就多了,比如鏈接里的&沒有寫成&等等。另外這個(gè)插件引入了Accessibility(可訪問性)校驗(yàn),默認(rèn)情況下它是不校驗(yàn)可訪問性的,比如<img>標(biāo)簽不加alt屬性,在線校驗(yàn)是算錯(cuò)的,它就不管。假如你要打開可訪問性校驗(yàn),可以右鍵點(diǎn)擊上面紅框的區(qū)域,選Option,然后有一個(gè)Accessibility Level的選擇,建議選Normal。當(dāng)然了,你可能對自己要求比較嚴(yán)格,那就選3吧……不要被狂多Warning嚇壞咯。Option里還有更多的選項(xiàng),俺不多啰嗦,自己試試就曉得了。
另外一定要提的是,假如報(bào)告有錯(cuò)誤,怎么知道是哪里有錯(cuò)了呢?Easy!雙擊上面紅框區(qū)域,所有的錯(cuò)誤和警告都列出來了。雙擊任意一條錯(cuò)誤或警告,它會(huì)自動(dòng)幫你定位到源代碼的相應(yīng)地方。
最后說一句,這個(gè)校驗(yàn)和在線校驗(yàn)并不完全一樣。但是我們推廣并實(shí)踐標(biāo)準(zhǔn)并不是為了過校驗(yàn),不是嗎?假如你很在乎,建議平常在制作的時(shí)候用Tidy校驗(yàn),最后再用在線校驗(yàn)復(fù)查一遍。
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)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)之路
Web標(biāo)準(zhǔn)教程Rss訂閱Div+Css教程搜索
Web標(biāo)準(zhǔn)教程推薦
- 為什么要拋棄HTML
- CSS樣式和JavaScript腳本是否放置于外部文件的探討
- Web標(biāo)準(zhǔn)化制作:利用CSS按比例縮小圖片
- 您知道WEB開發(fā)者需要了解IE7的哪些新功能嗎
- 整體布局聲明在css中應(yīng)該如何合理的運(yùn)用
- 網(wǎng)頁設(shè)計(jì)制作CSS實(shí)現(xiàn)隔行換色兩種方法
- CSS開發(fā)輔助工具:Internet Explorer Developer Toolbar
- CSSEditer適合編輯CSS的幾款編輯器簡介
- 用CSS使圖片自適應(yīng)顯示寬度
- CSS網(wǎng)頁設(shè)計(jì)非常有用的九個(gè)技巧
猜你也喜歡看這些
- IE中文字結(jié)尾出現(xiàn)重復(fù)跳字的解決辦法
- XHTML1.0、XHTML Basic、XHTML1.1及XHTML2.0區(qū)別
- 最常用的10種CSS BUG解決方法與技巧
- Web標(biāo)準(zhǔn)網(wǎng)站需要考慮的瀏覽器兼容底線
- 關(guān)于CSS樣式?jīng)_突排序的一個(gè)小試驗(yàn)
- li中出現(xiàn)兩個(gè)以上浮動(dòng)時(shí)列表標(biāo)記出現(xiàn)問題的解決辦法
- IE與FF瀏覽器CSS兼容技巧
- IE捉迷藏bug詳解(躲貓貓)
- IE中奇怪的左右border斷線現(xiàn)象
- CSS調(diào)試工具M(jìn)ultipleIE-IE5IE6IE7多版本共存
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-利用插件來校驗(yàn)XHTML是否符合Web標(biāo)準(zhǔn)
。