HTML 特殊字元 (Character Entity)

在 HTML 文件中，有些字元是有特殊意義的保留字元，像是小於符號 < 和大於符號 > 是用來定義標籤的，如果你直接在 HTML 內容中輸入這些符號，瀏覽器可能會把它們誤認為是標籤的一部分而產生錯誤。

為了解決這個問題，我們可以使用 HTML 實體 (HTML Entity) 來表示這些特殊字元。

舉個例子，如果我們想在網頁上顯示「5 > 3」，直接寫會變成這樣：

<p>5 > 3</p>

雖然這個例子可能不會出錯，但當內容變複雜時就容易出問題。正確的寫法應該使用 Entity：

<p>5 &gt; 3</p>

實際呈現的效果：

5 > 3

HTML Entity 語法格式

HTML Entity 有兩種表示方式：

名稱格式： &entity_name;

數字格式： &#entity_number;

以小於符號 < 為例：

&lt;
<!-- 名稱格式 -->
&#60;
<!-- 十進位數字格式 -->
&#x3C;
<!-- 十六進位數字格式 -->

上面三種寫法都會顯示為 < 符號。

名稱格式比較好記，但不是所有 Entity 都有名稱，數字格式則是通用的。

  是最常用的 Entity 之一，它代表一個不會被瀏覽器合併的空白字元。

在 HTML 中，多個連續空格會被合併成一個空格：

Hello World

實際顯示：Hello World

使用   可以保留多個空格：

Hello&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;World

實際顯示：Hello World

另外   還有一個特性是它會讓前後的文字不會被換行分開，這在某些排版情況下很有用。

這些字元在 HTML 中有特殊意義，如果要在內容中顯示它們，必須使用 Entity：

字元	Entity 名稱	Entity 數字	說明
`<`	`<`	`<`	小於 (less than)
`>`	`>`	`>`	大於 (greater than)
`&`	`&`	`&`	and 符號 (ampersand)
`"`	`"`	`"`	雙引號 (double quote)
`'`	`'`	`'`	單引號 (apostrophe)

舉個例子，如果你想在網頁上顯示一段 HTML 程式碼：

<p>HTML 標籤的語法是 &lt;tagname&gt;...&lt;/tagname&gt;</p>

實際顯示：

HTML 標籤的語法是 <tagname>...</tagname>

有的！HTML Entity 名稱是有區分大小寫的 (case sensitive)。