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

html，xhtml和向後移動

進化很簡單：HTML在1990年代主導(dǎo)了2000年代的XHTML，我們在2010年代返回了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的崛起與對XML的統(tǒng)治地位的普遍信念相吻合。這導(dǎo)致採用XHTML風(fēng)格的HTML編碼。

XHTML的陰影

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

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

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

擁抱HTML的真正精神

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

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

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

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

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

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

實際例子

XHTML與HTML：

XHTML：

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

• 項目1
• 項目2

html：

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

• 項目1
• 項目2

HTML允許大寫標籤和屬性，未引用的屬性值（安全時）以及最小化屬性。

現(xiàn)代HTML方法

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

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

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

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