迹忆客 专注技术分享

在本教程中，我们将学习 HTML 字符转义。此外，本教程将介绍 HTML 中哪些字符需要转义。

HTML 中的字符转义介绍

我们在 HTML、XML 和 XHTML 等标记语言中使用字符转义来使用 ASCII 字符来表示 Unicode 字符。

当我们需要表示标记语言中使用的诸如 <、> 之类的字符时，就会出现字符转义。如果我们不对这些字符进行转义，标记规则就会受到干扰，我们将无法获得想要的输出。

各种 Unicode 字符可以在 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 -->

输出：

Hi Jack !

Hi Jack !

Hi Jack !

如上例所示，不间断空格的命名字符引用、十六进制数字字符引用和十进制数字字符引用分别为 、  和 ，分别。我们可以注意到数字字符引用以&# 字符开头并以 ; 结尾。

在 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>

输出

The character reference of the symbol < is &lt;

我们的目标是显示 < 符号< 的等效参考字符。但是当我们编写引用< 时，它会在浏览器中转换为 <。

为了表示名称引用字符，我们应该转义引用 < 中的 & 符号。转义 & 符号后，我们可以照常写入剩余的字符，如上例所示。

这篇文章教我们为什么要转义字符以及在 HTML 中应该转义哪些字符。我们还了解了名称字符引用和数字字符引用。