儘管XHTML已過(guò)時(shí)，但其對(duì)HTML編碼的影響仍然存在。許多開(kāi)發(fā)人員在編寫(xiě)HTML時(shí)在不知不覺(jué)中遵守XHTML實(shí)踐。本文闡明了兩種方法之間的區(qū)別。

html，xhtml和向後移動(dòng)

進(jìn)化很簡(jiǎn)單：HTML在1990年代主導(dǎo)了2000年代的XHTML，我們?cè)?010年代返回了HTML。這反映在規(guī)格的發(fā)行日期中：HTML 1（1992），HTML 2.0（1995），HTML 3.2（1997），HTML 4.01（1999）; XHTML 1.0（2000），XHTML 1.1（2001）; HTML5（2007）。

XHTML的崛起與對(duì)XML的統(tǒng)治地位的普遍信念相吻合。這導(dǎo)致採(cǎi)用XHTML風(fēng)格的HTML編碼。

XHTML的陰影

XHTML 1.0的“與HTML 4的差異”部分詳細(xì)介紹了其關(guān)鍵區(qū)別：

• 形成良好的文件： XHTML需要形成良好的文件。
• 小寫(xiě)元素和屬性名稱：元素和屬性名稱必須是小寫(xiě)。
• 所需的結(jié)束標(biāo)籤：非空元素需要最終標(biāo)籤。
• 屬性值的強(qiáng)制引用：必須始終引用屬性值。
• 無(wú)屬性最小化：不支持屬性最小化。
• 封閉的空元素：空元素需要關(guān)閉標(biāo)籤。
• 符合XML的空間處理：屬性值中的Whitespace遵循XML規(guī)則。
• 腳本和樣式的CDATA部分：腳本和樣式元素需要CDATA部分。
• 無(wú)SGML排除：不允許使用SGML排除。
• id屬性偏好：具有id和name屬性的元素應(yīng)主要使用id 。
• 案例敏感屬性：具有預(yù)定義值集的屬性對(duì)病例敏感。
• 小寫(xiě)十六進(jìn)制實(shí)體參考：十六進(jìn)制實(shí)體參考必須是小寫(xiě)。

在不知不覺(jué)中，許多開(kāi)發(fā)人員仍然遵循大多數(shù)規(guī)則，即使XHTML已經(jīng)過(guò)時(shí)。有些人甚至對(duì)HTML感到“最佳實(shí)踐”。

擁抱HTML的真正精神

相反，讓我們否定與XHTML施加的規(guī)則（不再與SGML相關(guān)的方面，因?yàn)镠TML不再依賴SGML）：

• 文檔形式良好：文檔可能沒(méi)有很好。
• 案例靈敏度：元素和屬性名稱可以是上層或小寫(xiě)。
• 可選的結(jié)束標(biāo)籤：非空元素的端標(biāo)籤是可選的。
• 可選的報(bào)價(jià)：屬性值可能不會(huì)引用。
• 屬性最小化：允許屬性最小化。
• 未封閉的空元素：空元素不需要關(guān)閉標(biāo)籤。
• 空間處理：屬性值中的空格並不嚴(yán)格符合XML符合性。
• CDATA部分：腳本和樣式的CDATA部分是可選的。
• id / name屬性： id和name屬性的使用不受限制。
• 屬性的情況敏感性：具有預(yù)定義值集的屬性不是對(duì)病例敏感的。
• 十六進(jìn)制實(shí)體參考：十六進(jìn)制實(shí)體參考的案例不受限制。

簡(jiǎn)化，專注於最相關(guān)的方面：

• 可選標(biāo)籤：啟動(dòng)和結(jié)束標(biāo)籤是可選的。
• 未封閉的空元素：空元素不需要關(guān)閉標(biāo)籤。
• 名稱的情況：元素和屬性名稱可以是上層或小寫(xiě)。
• 可選的報(bào)價(jià)：屬性值可能不會(huì)引用。
• 屬性最小化：支持屬性最小化。

儘管HTML的彈性允許無(wú)效的代碼，但最佳實(shí)踐強(qiáng)調(diào)有效，形成良好的HTML。因此，“文檔可能不是很好的”點(diǎn)被忽略。 HTML方式的本質(zhì)變?yōu)椋?/p>

• 可選標(biāo)籤：啟動(dòng)和結(jié)束標(biāo)籤並不總是需要。
• 未封閉的空元素：無(wú)需關(guān)閉空元素。
• 案例不敏感的名稱：元素和屬性名稱可以是小寫(xiě)或大寫(xiě)。
• 可選引號(hào)：屬性值可能並不總是引用。
• 屬性最小化：支持屬性最小化。

實(shí)際例子

XHTML與HTML：

XHTML：

<p>示例段落。</p>

• 項(xiàng)目1
• 項(xiàng)目2

html：

<p>示例段落。
</p>

• 項(xiàng)目1
• 項(xiàng)目2

HTML允許大寫(xiě)標(biāo)籤和屬性，未引用的屬性值（安全時(shí)）以及最小化屬性。

現(xiàn)代HTML方法

現(xiàn)代的HTML方法應(yīng)優(yōu)先考慮：

1. 有效和語(yǔ)義HTML：驗(yàn)證您的HTML並確保語(yǔ)義正確性。
2. 一致的編碼樣式：為情況（上或小寫(xiě)）選擇一致的樣式和屬性引用。
3. 極簡(jiǎn)主義：最少使用HTML，依靠CSS和JavaScript進(jìn)行表現(xiàn)和行為。在適當(dāng)?shù)那闆r下，利用可選標(biāo)籤，空元素閉合，默認(rèn)屬性值和屬性最小化。

諸如html-minifier之類的工具可以幫助優(yōu)化HTML。重新發(fā)現(xiàn)HTML的真實(shí)本質(zhì)，與XML的影響無(wú)關(guān)，是現(xiàn)代網(wǎng)絡(luò)開(kāi)發(fā)的關(guān)鍵。

以上是寫(xiě)html，html方式（不是xhtml方式）的詳細(xì)內(nèi)容。更多資訊請(qǐng)關(guān)注PHP中文網(wǎng)其他相關(guān)文章！