XHTML 和 HTML 5 的區別


剛開始接觸網路的人經常說他們很難區分 HTML 5 和 XHTML。有時不清楚哪種語言最適合初學者。鑑於 XHTML 和 HTML 5 或多或少都服務於相同的目的,這種誤解持續存在也就不足為奇了。

通讀本文,瞭解 XHTML 和 HTML 5 的概述,並學習這兩種標記語言之間有何區別。

什麼是 XHTML?

XHTML 代表可擴充套件超文字標記語言。網際網路已經發展到這一步,這是其發展的下一個邏輯階段。屬於 XHTML 系列的初始文件型別稱為 XHTML 1.0。

XHTML 和 HTML 4.01 之間只有少數關鍵變化,否則它們基本上是相似的。此版本的 HTML 4.01 更有條理,並且更符合標準。如果您已經熟悉 HTML,那麼學習 HTML 的最新版本將無需您花費太多精力。

為什麼要使用 XHTML?

網站開發人員和網頁瀏覽器製造商始終都在想出創新的方法來透過建立新的標記語言來表達他們的想法。

在使用 XML 時,新增新元素或額外的元素屬性是一個非常簡單的過程。XHTML 系列旨在透過提供 XHTML 模組和生成新的符合 XHTML 的模組開發方法來支援這些擴充套件。

在生成內容和構建新的使用者代理方面,這些模組使得能夠將以前開發的功能與新開發的功能結合起來。用 XHTML 編寫的文件被認為是符合 XML 的,因為可以使用標準的 XML 工具輕鬆瀏覽、修改和驗證它們。

XHTML 示例

這是一個 XHTML 程式碼示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
   <title> Title </title>
</head>
<body>
   Body Part
</body>
</html>

輸出

Body Part

什麼是 HTML 5?

超文字標記語言 (HTML) 是定義網頁內容和外觀的標準計算機語言。HTML 5 是 HTML 的最新版本。

建立 HTML 5 的目的是解決先前版本標準 HTML4 中存在的相容性問題。HTML 5 與早期版本之間最顯著的區別之一是,HTML 的早期版本要求使用專有外掛和應用程式程式設計介面 (API)。

為什麼要使用 HTML5?

對移動裝置上的多媒體內容的支援是 HTML 5 的設計目標之一,它旨在總體上更適合移動裝置。為了提供支援,已經開發了新的語法功能,例如影片、音訊和畫布標籤。

此外,HTML5 包含可能極大地改變使用者與文件互動方式的新功能,包括以下示例:

  • 新的解析規則以允許更大的靈活性

  • 新特性

  • 刪除已過時或不再需要的特性

  • 離線編輯功能,允許將內容從一個 HTML5 文件拖放到另一個 HTML5 文件

  • 訊息傳遞升級

  • 一套完整的 MIME 解析和協議處理程式註冊規則

HTML5 示例

請檢視以下 HTML5 程式碼:

<!DOCTYPE html>
<html>
<head>
   <title>Title</title>
</head>
<body>
   <h1>header</h1>
   <p>
      <a href="#">a tag <a>
   </p>
</body>
</html>

輸出

header
a tag


XHTML 和 HTML5 的區別

下表突出顯示了 XHTML 和 HTML5 之間的主要區別:

比較依據
XHTML
HTML5
開發機構
全球資訊網聯盟 (W3C)
全球資訊網聯盟 (W3C) 和 Web 超文字應用技術工作組 (WHATWG) 之間的合作。
大小寫敏感性
大小寫敏感
不區分大小寫
特性和優勢
HTML 和 XML 的混合格式。
它為網頁建立了一個標準,確保它們可以在支援 XHTML 的瀏覽器中正確顯示。
用 XHTML 編寫的頁面可以相對輕鬆地更改和格式化,並且幾乎不需要維護。它提供了一種結構良好且統一的格式,使所有 Web 瀏覽器都能快速處理和解釋該格式。
小程式和指令碼是可以在 XHTML 文字中使用的程式設計師示例。這些應用程式需要 HTML 文件物件模型或 XML 文件物件模型才能正常工作。除了更新和驗證外,還可以使用 XML 工具檢視文件。
使用者可以透過拖放將專案從一個位置移動到另一個位置,從而能夠在一個站點上移動專案。各種 Web 應用程式的使用者可以使用地理定位來披露他們的位置。
伺服器傳送事件(有時稱為 SSE)是 HTML5 中包含的一項功能,它允許事件從 Web 伺服器流向 Web 瀏覽器。我們將此類事件稱為“伺服器傳遞事件”。新元素 - 引入了一些新元素,包括“標題”、“頁尾”和“部分”。微資料 - 使用此功能,使用者可以擴充套件網頁的語義範圍,超越 HTML5 的可能性,並構建自己的詞彙表。
語法
必須有足夠的標籤巢狀。
XHTML 中的屬性和標籤必須使用小寫字母編寫。
DOCTYPE 宣告是每個 XHTML 文件的重要組成部分。必須使用 id 屬性代替 name 屬性。我不接受 script 標籤的 language 屬性。
大寫標籤名稱。
屬性值是可選的。
空元素的閉合是可選的。屬性的引號是可選的。
提供 <script> 和 <link> 等標籤以及 Figure、NavArticle 等文件標籤
屬性
基本屬性是 class、id、style 和 title。
language 屬性提供使用的語言。
它具有 Microsoft 專有功能,例如 accesskey、language、tabindex、hidefocus 等。
Align 是一個函式,可用於將標籤對齊到右側、左側或中心。
Hidden - 指示元素是否應隱藏。
 Itemprop - 專案分組屬性的簡稱。
Tabindex 是一個規範,用於確定任何元素的選項卡順序。Data- - 幫助自定義屬性並允許作者自己指定這些屬性。

結論

HTML、HTML5 和 XHTML 都是標記語言,每種語言都包含自己獨特的功能子集。HTML 是這三種語言中使用最廣泛的。

XHTML 和 HTML5 都被認為是 HTML4 標記語言的增強變體。XHTML 旨在結合 XML 的某些元素,但是隨著 HTML5 的建立,我們看到了各種重大增強功能,使其成為這三種標記語言中最好的,也是目前使用最廣泛的標記語言。

建議剛開始學習網頁設計的使用者放棄 XHTML 和 HTML4,而是將注意力集中在學習 HTML5 上,因為這種語言的廣泛使用以及它提供的改進功能。

更新於: 2022-07-29

755 次檢視

開啟你的 職業生涯

透過完成課程獲得認證

開始學習
廣告

© . All rights reserved.