驗(yàn)證HTML，CSS以及RSS源是否正確的免費(fèi)工具_(dá)0

2020-03-24 19:27:34

字體：大中小

供稿：網(wǎng)友

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
沒(méi)有什么比這更惱人了：創(chuàng)建并裝飾了一個(gè)網(wǎng)頁(yè)，認(rèn)為已經(jīng)做到完美，但測(cè)試時(shí)卻出現(xiàn)一些未知的錯(cuò)誤，并且不易改正它們。一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。有了這些易用的工具，你就可以放心，訪問(wèn)者看到的就是你想要展示的。
我們已經(jīng)收集了14個(gè)工具，包括在線工具和Firefox插件，必有一個(gè)滿足你的需求。
Firefox插件
CSS Validator：提供到W3C CSS驗(yàn)證器的易用鏈接，你可以通過(guò)右鍵的上下文菜單或者工具菜單來(lái)進(jìn)行訪問(wèn)。

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

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
HTML Validator：基于Tidy和OpenSP，HTML Validator對(duì)你訪問(wèn)的頁(yè)面進(jìn)行驗(yàn)證并給出簡(jiǎn)單的圖標(biāo)提示（icon notification)。工具可以給你提供更多信息，當(dāng)你查看頁(yè)面的源代碼時(shí)，驗(yàn)證錯(cuò)誤將被高亮顯示。更棒的是，如果你不能找到錯(cuò)誤所在，插件會(huì)給你一些提示。

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

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
RSS Validator：通過(guò)右鍵上下文菜單或者選擇工具菜單項(xiàng)，RSS Validator可以很容易的讓你檢查一個(gè)RSS源。它會(huì)將會(huì)帶到一個(gè)新的Tab頁(yè)面來(lái)查看結(jié)果和任何潛在的錯(cuò)誤。

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

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

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
基于Web的驗(yàn)證器
validator.w3.org：W3C(World Wide Web Consortium)是一個(gè)開(kāi)發(fā)Web技術(shù)標(biāo)準(zhǔn)的團(tuán)體，理所當(dāng)然，他們會(huì)有一個(gè)驗(yàn)證器來(lái)檢查你的HTML是否正確。被檢查的文件可以是在線的，也可以直接上傳，驗(yàn)證器有多種格式來(lái)顯示驗(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)來(lái)設(shè)定不同的CSS場(chǎng)景（profile），指定樣式表為何種媒體創(chuàng)建，以及控制報(bào)告顯示哪些信息。

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
FeedValidator.org：FeedValidator首先確認(rèn)你給它的RSS源是否有效，然后檢查你最新的內(nèi)容條目，給出問(wèn)題的概述，高亮標(biāo)示出存在問(wèn)題的行。非常方便的確保你的RSS源在各種閱讀器中正確的顯示。

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

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
Validome.org：Validome就像驗(yàn)證器的一站式商店。這個(gè)網(wǎng)站提供各種工具，來(lái)檢查你的HTML，XML，DTD-Schema，RSS，以及Google Sitemaps。每個(gè)工具都大量的選項(xiàng)，調(diào)整它們來(lái)滿足你的需求。

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

一個(gè)對(duì)付此類錯(cuò)誤的技巧就是首先驗(yàn)證你的標(biāo)簽和樣式表。很幸運(yùn)，有許多免費(fèi)工具可以驗(yàn)證你的HTML，CSS以及RSS源是否正確。
xhtml-css.com：xhtml- css.com可以快速的瀏覽一個(gè)站點(diǎn)，來(lái)驗(yàn)證HTML和CSS。其提供的服務(wù)包括列出所有錯(cuò)誤以及你需要關(guān)注的可疑告警，以及關(guān)于問(wèn)題性質(zhì)的詳細(xì)描述。你也可以使用一些更高級(jí)的選項(xiàng)來(lái)設(shè)置HTML編碼，設(shè)置CSS的場(chǎng)景和適用的媒體。該站點(diǎn)還提供一個(gè)名叫BeValid的Firefox插件，它可以更快的幫你驗(yàn)證正在訪問(wèn)的URL。

html教程

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

上一篇：關(guān)于html和CSS以及JavaScript前端命名規(guī)范的詳解

下一篇：理解CSS的查找匹配原理，讓CSS更簡(jiǎn)潔高效