新聞中心
首先我們?yōu)槭裁匆獙⒕W站升至XHTML,因為XHTML是一種更加嚴格和更加純凈的HTML版本,它是由XML和HTML組合而成的,XML是用來裝載數據的,標簽必須被正確地標記,而HTML是用來顯示數據的,因此將兩者的長處結合起來,就有了XHTML。在一般的網站中,有部分的代碼沒有按照HTML的規(guī)則也依舊可以運行,這樣子不利于文檔的維護,導致不良的文檔結構形式,而XHTML是W3C的一種標準,它的目標就是逐漸替代HTML版本的,而且現(xiàn)代的瀏覽器完全支持XTHML,現(xiàn)在以及以后的發(fā)展趨勢也會以XHTML為準,所以將網站升至XHTML是一種必然的趨勢。
為了將站點從 HTML 轉換為 XHTML,你首先應該熟悉前幾章講解的 XHTML 語法規(guī)則。
從 HTML 轉換為 XHTML的具體步驟:
- 添加文件類型說明
- 小寫的標簽和屬性名
- 給所有屬性加上引號
- 空標簽:
,
和
- 驗證站點
仔細地遵循W3C的兼容性準則,用戶代理(Web瀏覽器)應該能夠像HTML或XHTML一樣輕松地解釋文檔。
一、添加文件類型說明
將下面的文件類型聲明復制到文檔的首行:
注意:本站 (cdcxhl.com) 使用的是嚴格的 DTD。對于初學者來說,我們可以使用transitional(過渡)類型的,因為使用strict(嚴格)類型可能就顯得有點"嚴格"了。
關于文件類型聲明的一點提示
如果你希望將頁面驗證為正確的 XHTML,那么頁面中必須含有文件類型聲明。
需要注意的是,根據不同的文件類型聲明,新式的瀏覽器對文檔的處理方式也是不同的。如果瀏覽器讀到一個文件類型聲明,那么它會按照“恰當”的方式來處理文檔。如果沒有了DOCTYPE,文檔或許以不同的方式顯示出來。
二、小寫的標簽和屬性名
由于 XHTML 對大小寫敏感,同時也由于 XHTML 僅接受小寫 HTML 標簽和屬性名,因此你可以執(zhí)行一個簡單的搜索和替換命令將所有的大寫標簽改為小寫。對屬性名也要做同樣的處理。我們一直在自己的網站使用小寫字母,因此基本上,替換功能沒有太多地派上用場。
三、給所有屬性加上引號
由于 W3C XHTML 1.0 標準中要求所有的屬性值都必須加引號,所以,如果以前沒有注意到這個細節(jié),你需要逐頁地對網站進行檢查。這是一項費時的工作,所以絕不要再忘記為屬性值加引號了。
四、空標簽:
,
和 ![]()
在 XHTML 中是不允許使用空標簽(Empty tags)的。 和 標簽應該被替換為 和
。
這樣做又產生了一個新問題,Netscape 會誤讀 標簽。我們不清楚原因所在,不過將之改為 后就沒有問題了。認識到這一點后,你需要再一次通過搜索和替換功能對標簽進行更改。
其他一些標簽(比如 標簽)也會碰到上述同樣的問題。不要使用閉合標簽來關閉 ,而是要在標簽的末端添加 / >。
五、驗證站點
做完所有這一切以后,使用下面的鏈接根據官方的 W3C DTD 對所有修改過的頁面進行驗證:XHTML Validator。接下來,可能還會有少數的錯誤被發(fā)現(xiàn),逐一對這些錯誤進行(手工地)修正。我們的經驗是,最容易犯的錯誤是在列表中漏掉了 標簽。
我們應該使用轉換工具嗎(比方說 TIDY)?對,我們本可以使用 TIDY。
Dave Raggett 的 HTML TIDY是用來清理HTML代碼的免費工具。在處理那些由專門的 HTML 代碼編輯器和轉換工具生成的難以閱讀的HTML代碼方面,TIDY 還是做得很棒的。同時,它可以幫助你發(fā)現(xiàn)站點中哪些地方需要投入更多精力,使得對于殘疾人士,網頁具有更強的易用性。
我們沒有使用 Tidy 是出于什么原因呢?當我們開始創(chuàng)建這個網站時,我們已經對 XHTML 非常地熟悉。當時我們已經知道使用小寫標簽以及為屬性加引號。所以在網站測試的過程中,我們只是簡單地通過 W3C 的 XHTML 驗證器進行了測試,并修正了少許的錯誤。更重要的是,我們已經學到了很多關于編寫 Tidy 式 HTML 代碼的知識。
注意:
- XHTML文件的開始要聲明DTD。
- 你需要為你的
標簽添加一個命名空間。
關于DTD和命名空間的內容請參照XHTML教程——XHTML DTD。 - 所有的標簽和標簽的屬性都必須小寫,屬性值可以大寫。
- 屬性值必須用引號括起來。單引號雙引號均可。
- 所有的標簽都必須被關閉,空標簽也不例外。關閉空標簽的方法如下:
HTML中的要寫成。注意,后面加了一個空格”“和一個反斜杠”/“。 - 如果你使用的是
strict.dtd。也就是最嚴格的XHTML,那么許多定義外觀的屬性都將不被允許。
例如你為圖片添加鏈接的同時想去掉邊框。不可以再使用,而是必須通過CSS來實現(xiàn)。我們推薦您在使用strict.dtd時,舍棄所有的定義外觀屬性,而完全使用CSS來定義頁面外觀。 - 每個圖片都應該提供alt文本。
課外閱讀
如果您希望更深入的理解利用 XHTML 對頁面進行結構化的知識,請閱讀《XHTML 結構化》。
網站標題:創(chuàng)新互聯(lián)XHTML教程:如何將你的網站升級至 XHTML ?
標題路徑:http://www.5511xx.com/article/cdgposp.html


咨詢
建站咨詢

