Ajax基礎教程（5）- 5.2 使用Firefox擴充驗證HTML內容

5.2　使用Firefox擴充驗證HTML內容

當前的瀏覽器都能很好地實現W3C DOM標準。只要建立的內容能遵循標準HTML或XHTML，就幾乎能得到所有瀏覽器的支援。

不過通常說起來簡單，做起來就不那麼容易了。不同於C++或Java這樣的編譯語言，HTML沒有編譯器可以將人可讀的代碼翻譯為機器可讀的二進位代碼，要由Web瀏覽器將人可讀的HTML或XHTML代碼解釋成DOM的內部表示，並適當地將這個內容展現在螢幕上。

20世紀90年代末，瀏覽器之爭使得瀏覽器開發商（如Microsoft和Netscape）紛紛增加了一些專用的HTML標記，以擴大自己的市場份額。出於這個原因，再加上HTML沒有嚴格的編譯器，這就導致了大量非標準Web頁面的出現。當前的瀏覽器儘管支援最新的W3C標準，不過也會儘可能地“通融”寫得不好的HTML頁面。根據HTML頁面的doctype（如果有的話），大多數瀏覽器都有兩種呈現模式：strict（嚴格）和quirks（怪異）。當doctype指示Web頁面應遵循某個W3C推薦規約（如HTML 4.1或XHTML 1.0）編寫時，Web瀏覽器就會使用strict模式；當沒有doctype，或者頁面與指定的doctype有很多衝突時，Web瀏覽器就使用quirks模式。

作為一名開發人員，應當儘力建立遵循某種W3C標準的頁面。這麼做不僅使你的Web頁面在所有現代Web瀏覽器上可訪問，而且由於瀏覽器可以根據HTML代碼建立準確的DOM表示，這也能讓你的日子更好過。如果頁面寫得不好，瀏覽器可能無法建立DOM的準確表示，就會使用quirks模式來呈現頁面。DOM表示不正確，就很難通過JavaScript來訪問和修改，特別是無法以跨瀏覽器的方式來訪問。

由於HTML沒有嚴格的編譯器，怎麼確保你寫的HTML代碼遵循W3C標準呢？幸運的是，Firefox Web瀏覽器已經有幾個擴充，可以很容易地驗證你的Web頁面。

5.2.1　HTML Validator

HTML Validator[1]是一個Firefox擴充，它能尋找並標誌出HTML頁面上的錯誤。HTML Validator以Tidy為基礎，Tidy最初是W3C為驗證HTML代碼開發的一個工具。HTML Validator把Tidy工具嵌入在Firefox中，這樣就能在瀏覽器中驗證頁面的原始碼，而不必把代碼發給第三方進行驗證。

Tidy會尋找HTML錯誤，並把這些錯誤歸為3類：

l　　錯誤（error）：Tidy無法修正或理解的問題。

l　　警告（warning）：Tidy可以自動修正的錯誤。

l　　可訪問性警告（accessibility warning）：這些HTML警告對應W3C Web可訪問性計劃（Web Accessibility Initiative，WAI）定義的3個優先順序。

HTML Validator在瀏覽器的右下角顯示頁面的狀態以及錯誤個數，從而能在開發週期中提供很快的反饋（見圖5-2）。

如果選擇View→Page Source功能表項目查看Web頁面的原始碼，HTML Validator還能提供更多的協助。Firefox的view-source（查看原始碼）視窗會正常開啟，不過還將啟用HTML Validator，這個視窗中包括兩個新的窗格（見圖5-3）。HTML Errors and Warnings（HTML錯誤和警告）窗格列出在頁面中找到的所有錯誤。點擊列表中的任何錯誤項，原始碼主視窗就會顯示HTML原始碼中有問題的程式碼。Help（協助）窗格詳細描述了這個問題，並提供一些修正這個問題的建議。

Firefox的view-source視窗的底部包括一個Clean up the Page（清理頁面）按鈕。點擊這個按鈕後將開啟一個視窗，這個視窗中顯示的內容能進一步協助你修正頁面上的錯誤（見圖5-4）。Clean up the Page視窗開啟後，視窗的最上面有4個標籤：Cleaned Html（清理後的HTML）、Original Html（原來的HTML）、Cleaned Browser（清理後的瀏覽器）和Original Browser（原來的瀏覽器）。

圖5-3　當查看頁面的原始碼時，HTML Validator會列出HTML原始碼中的錯誤，並提出修正問題的建議

圖5-4　HTML Validator 的Cleanup the Page對話方塊給出了新的原始碼，這個原始碼已經修正了在原來的源HTML代碼中發現的錯誤

Cleaned Html標籤對Web開發人員最有用。這個標籤列出了通過HTML Validator進行修正後的頁面原始碼。HTML Validator會盡其所能自動修正頁面上的所有錯誤，修正後的輸出就列在這個標籤下。Original Html標籤列出了頁面原來的原始碼，也就是在HTML Validator處理之前的形式。

有時，修正頁面上的HTML錯誤可能會改變瀏覽器呈現頁面的方式，這可能是我們需要的，也可能不是我們希望的。Cleaned Browser標籤顯示了使用HTML Validator提供的已修正原始碼後，頁面會是什麼樣子，而Original Browser標籤則顯示使用原來的原始碼時相應的頁面。

總之，HTML Validator是一個強大的工具，可以協助你清理HTML，使之遵循W3C標準和推薦規約。遺憾的是，HTML Validator只能在Windows平台上使用。好在，還有另一個與HTML Validator有類似功能的Firefox擴充，而且在所有平台上都可以使用。