HTML-XHTML
HTML?- XHTML
XHTML 是以 XML 格式撰寫的 HTML。
什麼是XHTML?
XHTML 指的是可擴(kuò)展超文本標(biāo)記語(yǔ)言
XHTML 與HTML 4.01 幾乎是相同的
#XHTML 是更嚴(yán)格更純淨(jìng)的HTML 版本
XHTML 是以XML 應(yīng)用的方式定義的HTML
XHTML 是?2001 年1 月發(fā)布的W3C 建議標(biāo)準(zhǔn)
XHTML 得到所有主流瀏覽器的支援
為什麼使用XHTML?
網(wǎng)際網(wǎng)路上的許多頁(yè)麵包含了"糟糕"的HTML。
如果在瀏覽器中查看,下面的HTML 程式碼運(yùn)行起來(lái)非常正常(即使它並未遵守HTML 規(guī)則):
<html><head><meta charset= "utf-8"><title>這是不規(guī)範(fàn)的HTML</title><body><h1>不規(guī)範(fàn)的HTML<p>這是段落</body>
#XML 是一種必須正確標(biāo)記且格式良好的標(biāo)記語(yǔ)言。
如果希望學(xué)習(xí) XML,請(qǐng)閱讀我們的?XML 教學(xué)。
今日的科技界存在著一些不同的瀏覽器技術(shù)。其中一些在電腦上運(yùn)行,而另一些可能在行動(dòng)電話或其他小型設(shè)備上運(yùn)行。小型設(shè)備往往缺乏解釋"糟糕"的標(biāo)記語(yǔ)言的資源和能力。
所以 - 透過(guò)結(jié)合 XML 和 HTML 的長(zhǎng)處,發(fā)展出了 XHTML。 XHTML 是作為 XML 重新設(shè)計(jì)的 HTML。
與HTML 相比最重要的差異:
文件結(jié)構(gòu)
XHTML DOCTYPE 是強(qiáng)制性的
<html> 中的XML namespace 屬性是強(qiáng)制性的
<html>、<head>、<title> 以及<body> 也是強(qiáng)制性的
元素語(yǔ)法
#XHTML 元素必須正確巢狀
XHTML 元素必須始終關(guān)閉
XHTML 元素必須小寫
XHTML 文件必須有一個(gè)根元素
屬性語(yǔ)法
#XHTML 屬性必須使用小寫
XHTML 屬性值必須用引號(hào)包圍
XHTML 屬性最小化也是禁止的
<!DOCTYPE ....>是強(qiáng)制性的
XHTML 文件必須進(jìn)行XHTML 文件類型宣告(XHTML DOCTYPE declaration)。
您可以在菜鳥(niǎo)教學(xué)的標(biāo)籤參考手冊(cè)中找到完整的?XHTML 文件類型。
<html>, <head>, <title>, and <body> 元素也必須存在,並且必須使用 <html> 中的 xmlns 屬性為文件規(guī)定 xml 命名空間。
XHTML 元素必須合理巢狀
在 HTML 中,有些元素可以不互相嵌套,像這樣:
<b><i>粗體和斜體文字</b></i>
在XHTML 中,所有的元素都必須互相合理地嵌套,像這樣:
<b><i>粗體與斜體文字</i></b>
XHTML 元素必須有關(guān)閉標(biāo)籤
#錯(cuò)誤範(fàn)例:
<p>這是一個(gè)段落<p>這是另一個(gè)段落
#正確範(fàn)例:
<p>這是一個(gè)段落</p><p>這是另一個(gè)段落</p>
空白元素必須包含關(guān)閉標(biāo)籤##錯(cuò)誤範(fàn)例:
分行:<br>水平線: <hr>圖片: <img src="happy.gif" alt="Happy face">#正確範(fàn)例: #分行:<br />水平線: <hr />圖片: <img src="happy.gif" alt="Happy face" />XHTML 元素必須是小寫
錯(cuò)誤範(fàn)例:
<BODY><P>這是一個(gè)段落</P></BODY>正確範(fàn)例:<body><p>這是段落</p></body>屬性名稱必須是小寫
錯(cuò)誤範(fàn)例:<table WIDTH="100%">#正確範(fàn)例:<table width="100%">屬性值必須有引號(hào)
錯(cuò)誤範(fàn)例:#<table width=100%>
正確範(fàn)例:
<table width="100%">
不允許屬性簡(jiǎn)寫
錯(cuò)誤範(fàn)例:
<input checked><input readonly> <input disabled><option selected>
正確範(fàn)例:
<input checked="checked"><input readonly="readonly"><input disabled= "disabled"><option selected="selected">