沒有什么比這更惱人了：創(chuàng)建并裝飾了一個(gè)網(wǎng)頁，認(rèn)為已經(jīng)做到完美，但測試時(shí)卻出現(xiàn)一些未知的錯(cuò)誤，并且不易改正它們。一個(gè)對付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。有了這些易用的工具，你就可以放心，訪問者看到的就是你想要展示的。

我們已經(jīng)收集了14個(gè)工具，包括在線工具和Firefox插件，必有一個(gè)滿足你的需求。

Firefox插件

CSS Validator：提供到W3C CSS驗(yàn)證器的易用鏈接，你可以通過右鍵的上下文菜單或者工具菜單來進(jìn)行訪問。

Firebug：Firebug是一個(gè)功能齊全的調(diào)試器和編輯器，使用它你可以開發(fā)單頁面的HTML，JavaScript，CSS，DOM等等。你也可以使用其插件來實(shí)時(shí)監(jiān)控JavaScript，CSS和XML，找到其中可能出現(xiàn)的錯(cuò)誤，并學(xué)會(huì)如何修正它們。作為每個(gè)設(shè)計(jì)師工具倉庫中的重要一員，F(xiàn)irebug越來越通用，甚至開始有了自己的插件（如SitePoint的CodeBurner參考工具）。

HTML Validator：基于Tidy和OpenSP，HTMLValidator對你訪問的頁面進(jìn)行驗(yàn)證并給出簡單的圖標(biāo)提示（iconnotification)。工具可以給你提供更多信息，當(dāng)你查看頁面的源代碼時(shí)，驗(yàn)證錯(cuò)誤將被高亮顯示。更棒的是，如果你不能找到錯(cuò)誤所在，插件會(huì)給你一些提示。

Page Validator：通過打開右鍵上下文菜單，或者從工具菜單中選擇“Validate Page”，Page Validator會(huì)開啟一個(gè)新的Tab頁面，顯示W(wǎng)3C在線驗(yàn)證工具的驗(yàn)證結(jié)果。 

RSS Validator：通過右鍵上下文菜單或者選擇工具菜單項(xiàng)，RSS Validator可以很容易的讓你檢查一個(gè)RSS源。它會(huì)將會(huì)帶到一個(gè)新的Tab頁面來查看結(jié)果和任何潛在的錯(cuò)誤。

Total Validator：Total Validator通過一個(gè)便利的插件提供給你大量的工具。瀏覽你想看的頁面，選擇”TV“圖標(biāo)，可對各種版本的HTML進(jìn)行驗(yàn)證，拼寫檢查，屏幕截圖等等。

Validaty：Validaty在你的工具欄中增加一個(gè)按鈕，但你瀏覽頁面時(shí)點(diǎn)擊此按鈕，就可以看到一個(gè)簡潔的可視化的驗(yàn)證結(jié)果。

基于Web的驗(yàn)證器

validator.w3.org：W3C(WorldWideWebConsortium)是一個(gè)開發(fā)Web技術(shù)標(biāo)準(zhǔn)的團(tuán)體，理所當(dāng)然，他們會(huì)有一個(gè)驗(yàn)證器來檢查你的HTML是否正確。被檢查的文件可以是在線的，也可以直接上傳，驗(yàn)證器有多種格式來顯示驗(yàn)證報(bào)告-附加建議的，概述形式的，附加建議的（重復(fù)的？），等等。如果你想檢查你的標(biāo)簽，接觸一下規(guī)定標(biāo)簽如何工作的同志們肯定不會(huì)錯(cuò)的。

jigsaw.w3.org：W3C同時(shí)也提供了一個(gè)CSS驗(yàn)證工具，它也可以檢查你的標(biāo)簽找出潛在的錯(cuò)誤和警告。同樣的，你有一些選項(xiàng)來設(shè)定不同的CSS場景（profile），指定樣式表為何種媒體創(chuàng)建，以及控制報(bào)告顯示哪些信息。

FeedValidator.org：FeedValidator首先確認(rèn)你給它的RSS源是否有效，然后檢查你最新的內(nèi)容條目，給出問題的概述，高亮標(biāo)示出存在問題的行。非常方便的確保你的RSS源在各種閱讀器中正確的顯示。

Relaxed.vse.cz：Relaxed沒有使用官方的W3C規(guī)范進(jìn)行驗(yàn)證，而是使用自己的一些規(guī)則來驗(yàn)證你的文檔。你可以選擇你所使用的HTML的版本，選擇是否顯示源代碼，是否使用一個(gè)”臟“瀏覽器，以及幾個(gè)其它選項(xiàng)。它也可作為一個(gè)Firefox插件，直接在你的瀏覽器增加這些服務(wù)。

Validome.org：Validome就像驗(yàn)證器的一站式商店。這個(gè)網(wǎng)站提供各種工具，來檢查你的HTML，XML，DTD-Schema，RSS，以及Google Sitemaps。每個(gè)工具都大量的選項(xiàng)，調(diào)整它們來滿足你的需求。

VirtualPromote.com：VirtualPromote為開發(fā)者提供大量的工具來應(yīng)對不同的任務(wù)，但對于前臺(tái)開發(fā)者來講，最重要的三項(xiàng)就是HTML，CSS和XML的驗(yàn)證器。

xhtml-css.com：xhtml-css.com可以快速的瀏覽一個(gè)站點(diǎn)，來驗(yàn)證HTML和CSS。其提供的服務(wù)包括列出所有錯(cuò)誤以及你需要關(guān)注的可疑告警，以及關(guān)于問題性質(zhì)的詳細(xì)描述。你也可以使用一些更高級的選項(xiàng)來設(shè)置HTML編碼，設(shè)置CSS的場景和適用的媒體。該站點(diǎn)還提供一個(gè)名叫BeValid的Firefox插件，它可以更快的幫你驗(yàn)證正在訪問的URL。

哪一款工具是你的最愛？

it知識庫：驗(yàn)證HTML，CSS及RSS源的14個(gè)免費(fèi)工具，轉(zhuǎn)載需保留來源！

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請第一時(shí)間聯(lián)系我們修改或刪除，多謝。