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