如何升級至 XHTML?

如何將你的網站升級至 XHTML ?

為了將站點從 HTML 轉換為 XHTML,你首先應該熟悉前幾章講解的 XHTML 語法規則。

下面講解具體的步驟。

添加文件類型聲明

將下面的文件類型聲明添加至每頁的首行:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

注意:本站 (codew3c) 使用的是嚴格的 DTD。不過使用過渡的 DTD 也是個不錯的選擇,因為對于大多數入門的開發人員來說,嚴格的 DTD 可能顯得“太嚴格了”。

關于文件類型聲明的一點提示

如果你希望將頁面驗證為正確的 XHTML,那么頁面中必須含有文件類型聲明。

需要注意的是,根據不同的文件類型聲明,新式的瀏覽器對文檔的處理方式也是不同的。如果瀏覽器讀到一個文件類型聲明,那么它會按照“恰當”的方式來處理文檔。如果沒有 DOCTYPE,文檔也許會以截然不同的方式顯示出來。

小寫的標簽和屬性名

由于 XHTML 對大小寫敏感,同時也由于 XHTML 僅接受小寫 HTML 標簽和屬性名,因此你可以執行一個簡單的搜索和替換命令將所有的大寫標簽改為小寫。對屬性名也要做同樣的處理。我們一直在自己的網站使用小寫字母,因此基本上,替換功能沒有太多地派上用場。

給所有屬性加上引號

由于 W3C XHTML 1.0 標準中要求所有的屬性值都必須加引號,所以,如果以前沒有注意到這個細節,你需要逐頁地對網站進行檢查。這是一項費時的工作,所以絕不要再忘記為屬性值加引號了。

空標簽:<hr> , <br> 和 <img>

在 XHTML 中是不允許使用空標簽(Empty tags)的。<hr> 和 <br> 標簽應該被替換為 <hr /> 和 <br />。

這樣做又產生了一個新問題,Netscape 會誤讀 <br/> 標簽。我們不清楚原因所在,不過將之改為 <br />后就沒有問題了。認識到這一點后,你需要再一次通過搜索和替換功能對標簽進行更改。

其他一些標簽(比如 <img> 標簽)也會碰到上述同樣的問題。不要使用閉合標簽來關閉 <img>,而是要在標簽的末端添加 / >。

驗證站點

做完所有這一切以后,使用下面的鏈接根據官方的 W3C DTD 對所有修改過的頁面進行驗證: XHTML Validator。接下來,可能還會有少數的錯誤被發現,逐一對這些錯誤進行(手工地)修正。我們的經驗是,最容易犯的錯誤是在列表中漏掉了 </li> 標簽。

我們應該使用轉換工具嗎(比方說 TIDY)?對,我們本可以使用 TIDY。

Dave Raggett 的 HTML TIDY是用來清理HTML代碼的免費工具。在處理那些由專門的 HTML 代碼編輯器和轉換工具生成的難以閱讀的HTML代碼方面,TIDY 還是做得很棒的。同時,它可以幫助你發現站點中哪些地方需要投入更多精力,使得對于殘疾人士,網頁具有更強的易用性。

我們沒有使用 Tidy 是出于什么原因呢?當我們開始創建這個網站時,我們已經對 XHTML 非常地熟悉。當時我們已經知道使用小寫標簽以及為屬性加引號。所以在網站測試的過程中,我們只是簡單地通過 W3C 的 XHTML 驗證器進行了測試,并修正了少許的錯誤。更重要的是,我們已經學到了很多關于編寫 Tidy 式 HTML 代碼的知識。

課外閱讀

如果您希望更深入的理解利用 XHTML 對頁面進行結構化的知識,請閱讀《XHTML 結構化》。