HTML 中的转义字符
在本教程中,我们将学习 HTML 字符转义。此外,本教程将介绍 HTML 中哪些字符需要转义。
HTML 中的字符转义介绍
我们在 HTML、XML 和 XHTML 等标记语言中使用字符转义来使用 ASCII 字符来表示 Unicode 字符。
当我们需要表示标记语言中使用的诸如 <
、>
之类的字符时,就会出现字符转义。如果我们不对这些字符进行转义,标记规则就会受到干扰,我们将无法获得想要的输出。
各种 Unicode 字符可以在 HTML 中转义。一些可以转义的字符是"
、'
、<
、>
、&
等。
HTML 实体列表可在此处找到。这些字符主要可以用两种方式表示。
这些是数字字符引用和命名字符引用。数字字符引用可以表示为十进制和十六进制数字字符引用。
让我们看下面的示例,它显示了使用不同字符引用的不间断空格的表示。
示例代码:
<p> Hi Jack ! </p> <!-- named character references -->
<p> Hi Jack ! </p> <!-- hexadecimal numeric character references -->
<p> Hi Jack ! </p> <!-- decimal numeric character references -->
输出:
如上例所示,不间断空格的命名字符引用、十六进制数字字符引用和十进制数字字符引用分别为
、 
和 
,分别。我们可以注意到数字字符引用以&#
字符开头并以 ;
结尾。
在 HTML 中,有一些字符应该被转义的各种上下文。一些上下文是文档正文和内部属性、样式和脚本标签等。
HTML 中必须转义的字符
本节将讨论 HTML 中必须转义的字符。不应错过三个字符以在 HTML 中转义。那些是:
- (
<
) - (
>
) - (
&
)
HTML 和 XML 等标记语言构成大于和小于符号的 <
和 >
,也称为税包装器。我们应该在文档正文中转义这些语法包装器;否则,标记语法将受到干扰。
语法包装器的名称字符参考如下所示。
- (
<
)&lt;
- (
>
)>
在这里,我们将看到字符未转义的情况以及如何转义字符。
在下面的示例中,在第一个 <a>
标记中,我们在 <a>
标记之间写入了文本 <a> 标记
。
结果,超链接仅应用于字符 the
,因为它已被两个 <a>
标签包围。
但是,这不是我们的目标。我们的目标是只显示 <a>
标签。因此有必要对 a
标签周围的语法包装器进行转义。
因此,我们使用了<
和 >
用于转义语法包装的字符引用。 <a>
引用代表 <a>
标签。
因此,在下面示例中的第二个 <a>
标记中,超链接将应用于整个文本,即 the <a> tag
。这就是为什么我们应该在 HTML 中转义语法包装器。
示例代码:
<a href="#"> the <a> tag </a> <br>
<a href="#"> the <a> tag </a>
输出:
& 符号用作第一个字符,用于写入 Unicode 字符的参考字符,同时对字符进行转义。但是,如果我们必须在 HTML 中显示特定 Unicode 字符的引用字符,我们需要转义 &
符号。
示例如下所示。
示例代码:
<p> The character reference of the symbol < is &lt; </p>
输出:
我们的目标是显示 <
符号<
的等效参考字符。但是当我们编写引用<
时,它会在浏览器中转换为 <
。
为了表示名称引用字符,我们应该转义引用 <
中的 & 符号。转义 & 符号后,我们可以照常写入剩余的字符,如上例所示。
这篇文章教我们为什么要转义字符以及在 HTML 中应该转义哪些字符。我们还了解了名称字符引用和数字字符引用。
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