HTML 中的轉義字元

1. HTML 中的字元轉義介紹
2. HTML 中必須轉義的字元

在本教程中，我們將學習 HTML 字元轉義。此外，本教程將介紹 HTML 中哪些字元需要轉義。

HTML 中的字元轉義介紹

我們在 HTML、XML 和 XHTML 等標記語言中使用字元轉義來使用 ASCII 字元來表示 Unicode 字元。

當我們需要表示標記語言中使用的諸如 <、> 之類的字元時，就會出現字元轉義。如果我們不對這些字元進行轉義，標記規則就會受到干擾，我們將無法獲得想要的輸出。

各種 Unicode 字元可以在 HTML 中轉義。一些可以轉義的字元是"、'、<、>、&等。

HTML 實體列表可在此處找到。這些字元主要可以用兩種方式表示。

這些是數字字元引用和命名字元引用。數字字元引用可以表示為十進位制和十六進位制數字字元引用。

讓我們看下面的示例，它顯示了使用不同字元引用的不間斷空格的表示。

示例程式碼：

<p> Hi Jack&nbsp;! </p> <!-- named character references -->
<p> Hi Jack&#xA0;! </p> <!-- hexadecimal numeric character references -->
<p> Hi Jack&#160;! </p> <!-- decimal numeric character references -->

輸出：

如上例所示，不間斷空格的命名字元引用、十六進位制數字字元引用和十進位制數字字元引用分別為 、  和 ，分別。我們可以注意到數字字元引用以&# 字元開頭並以 ; 結尾。

在 HTML 中，有一些字元應該被轉義的各種上下文。一些上下文是文件正文和內部屬性、樣式和指令碼標籤等。

HTML 中必須轉義的字元

本節將討論 HTML 中必須轉義的字元。不應錯過三個字元以在 HTML 中轉義。那些是：

• (<)
• (>)
• (&)

HTML 和 XML 等標記語言構成大於和小於符號的 < 和 >，也稱為稅包裝器。我們應該在文件正文中轉義這些語法包裝器；否則，標記語法將受到干擾。

語法包裝器的名稱字元參考如下所示。

• (<) <
• (>) >

在這裡，我們將看到字元未轉義的情況以及如何轉義字元。

在下面的示例中，在第一個 <a> 標記中，我們在 <a> 標記之間寫入了文字 <a> 標記。

結果，超連結僅應用於字元 the，因為它已被兩個 <a> 標籤包圍。

但是，這不是我們的目標。我們的目標是隻顯示 <a> 標籤。因此有必要對 a 標籤周圍的語法包裝器進行轉義。

因此，我們使用了< 和 > 用於轉義語法包裝的字元引用。 <a> 引用代表 <a> 標籤。

因此，在下面示例中的第二個 <a> 標記中，超連結將應用於整個文字，即 the <a> tag。這就是為什麼我們應該在 HTML 中轉義語法包裝器。

示例程式碼：

<a href="#"> the <a> tag </a> <br>
<a href="#"> the &lt;a&gt; tag </a> 

輸出：

& 符號用作第一個字元，用於寫入 Unicode 字元的參考字元，同時對字元進行轉義。但是，如果我們必須在 HTML 中顯示特定 Unicode 字元的引用字元，我們需要轉義 & 符號。

示例如下所示。

示例程式碼：

<p> The character reference of the symbol &lt; is &amp;lt; </p>

輸出：

我們的目標是顯示 < 符號< 的等效參考字元。但是當我們編寫引用< 時，它會在瀏覽器中轉換為 <。

為了表示名稱引用字元，我們應該轉義引用 < 中的 & 符號。轉義 & 符號後，我們可以照常寫入剩餘的字元，如上例所示。

這篇文章教我們為什麼要轉義字元以及在 HTML 中應該轉義哪些字元。我們還了解了名稱字元引用和數字字元引用。