HTML 中的轉義字元

Sushant Poudel 2023年2月19日 2022年4月22日
  1. HTML 中的字元轉義介紹
  2. HTML 中必須轉義的字元
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 -->

輸出:

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

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

HTML 中必須轉義的字元

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

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

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

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

  • (<) &amp;lt;
  • (>) &gt;

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

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

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

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

因此,我們使用了&lt;&gt; 用於轉義語法包裝的字元引用。 &lt;a&gt; 引用代表 <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>

輸出:

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

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

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

Sushant Poudel avatar Sushant Poudel avatar

Sushant is a software engineering student and a tech enthusiast. He finds joy in writing blogs on programming and imparting his knowledge to the community.

LinkedIn

相關文章 - HTML Entities