XHTML?它與 HTML的區(qū)別？如何轉(zhuǎn)換

發(fā)布時(shí)間：2020-08-09 13:47:22 來(lái)源：ITPUB博客閱讀：168 作者：soug 欄目：移動(dòng)開(kāi)發(fā)

什么是 XHTML?XHTML 是以 XML 格式編寫(xiě)的 HTML。

XHTML 指的是可擴(kuò)展超文本標(biāo)記語(yǔ)言
XHTML 與 HTML 4.01 幾乎是相同的
XHTML 是更嚴(yán)格更純凈的 HTML 版本
XHTML 是以 XML 應(yīng)用的方式定義的 HTML
XHTML 是 2001 年 1 月發(fā)布的 W3C 推薦標(biāo)準(zhǔn)
XHTML 是大小寫(xiě)敏感的，標(biāo)準(zhǔn)的 XHTML 標(biāo)簽應(yīng)該使用小寫(xiě)。
XHTML 得到所有主流瀏覽器的支持

為什么使用 XHTML?因特網(wǎng)上的很多頁(yè)面包含了"糟糕"的 HTML。如果在瀏覽器中查看，下面的 HTML 代碼運(yùn)行起來(lái)非常正常（即使它并未遵守 HTML 規(guī)則）：

1 <html>2  <head>3  <title>This is bad HTML</title>4  <body>5  <h2>Bad HTML6  <p>This is a paragraph7  </body>

XML 是一種必須正確標(biāo)記且格式良好的標(biāo)記語(yǔ)言;今日的科技界存在一些不同的瀏覽器技術(shù)。其中一些在計(jì)算機(jī)上運(yùn)行，而另一些可能在移動(dòng)電話(huà)或其他小型設(shè)備上運(yùn)行。小型設(shè)備往往缺乏解釋"糟糕"的標(biāo)記語(yǔ)言的資源和能力。所以 - 通過(guò)結(jié)合 XML 和 HTML 的長(zhǎng)處，開(kāi)發(fā)出了 XHTML。XHTML 是作為 XML 被重新設(shè)計(jì)的 HTML。

與 HTML 相比最重要的區(qū)別：

文檔結(jié)構(gòu)

XHTML DOCTYPE 是強(qiáng)制性的
<html> 中的 XML namespace 屬性是強(qiáng)制性的
<html>、<head>、<title> 以及 <body> 也是強(qiáng)制性的

元素語(yǔ)法

XHTML 元素必須正確嵌套
XHTML 元素必須始終關(guān)閉
XHTML 元素必須小寫(xiě)
XHTML 文檔必須有一個(gè)根元素

屬性語(yǔ)法

XHTML 屬性必須使用小寫(xiě)
XHTML 屬性值必須用引號(hào)包圍
XHTML 屬性最小化也是禁止的

<!DOCTYPE ....>是強(qiáng)制性的
XHTML 文檔必須進(jìn)行 XHTML 文檔類(lèi)型聲明（XHTML DOCTYPE declaration）。<html>, <head>, <title>, 和 <body> 元素也必須存在，并且必須使用 <html> 中的 xmlns 屬性為文檔規(guī)定 xml 命名空間。下面的例子展示了帶有最少的必需標(biāo)簽的 XHTML 文檔：

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 2  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 3  4  <html xmlns="http://www.w3.org/1999/xhtml"> 5  6  <head> 7  <title>Title of document</title> 8  </head> 9 10  <body>11 ...... 
12  </body>13 14  </html>

XHTML 元素必須合理嵌套
在 HTML 中，一些元素可以不互相嵌套，像這樣：

1 <b><i>This text is bold and italic</b></i>

在 XHTML 中，所有的元素都必須互相合理地嵌套，像這樣：

1 <b><i>This text is bold and italic</i></b>

XHTML 元素必須有關(guān)閉標(biāo)簽

1 錯(cuò)誤示例：2 <p>This is a paragraph4 <p>This is another paragraph

1 正確示例：2 <p>This is a paragraph</p>3 <p>This is another paragraph</p>

空元素必須包含關(guān)閉標(biāo)簽

1 錯(cuò)誤示例：2 A break: <br>3  A horizontal rule: <hr>4 An image: <img src="happy.gif" alt="Happy face">5 正確示例：6 A break: <br />7  A horizontal rule: <hr />8  An image: <img src="happy.gif" alt="Happy face" />

XHTML 元素必須是小寫(xiě)

 1 錯(cuò)誤示例: 2  3 <BODY> 4  <P>This is a paragraph</P> 5  </BODY> 6 正確示例： 7  8 <body> 9  <p>This is a paragraph</p>10  </body>

屬性名稱(chēng)必須是小寫(xiě)

1 錯(cuò)誤示例：2 3 <table WIDTH="100%">4 正確示例:5 6 <table width="100%">

屬性值必須有引號(hào)

1 錯(cuò)誤示例：2 <table width=100%>3 正確示例：4 <table width="100%">

不允許屬性簡(jiǎn)寫(xiě)

 1 錯(cuò)誤示例： 2  3 <input checked> 4  <input readonly> 5  <input disabled> 6  <option selected> 7 正確示例： 8  9 <input checked="checked">10  <input readonly="readonly">11  <input disabled="disabled">12  <option selected="selected">

向AI問(wèn)一下細(xì)節(jié)

XHTML?它與 HTML的區(qū)別？如何轉(zhuǎn)換

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽

XHTML?它與 HTML的區(qū)別？如何轉(zhuǎn)換