特殊文字符号-转义字符

特殊文字符号-转义字符

HTML是超文本,本质上就是文本。但是有一些文本内容如果要显示在页面上面,则需要用另一个特殊符号来代表它,然后浏览器会把它转换出来。这类特殊的文字符号,我们称为转义字符。

比如标记用到了 < > 这两个符号。如果要显示这两个符号本身,就需要使用转义字符。

直接输出 a > b 可能问题不大,但如果要输出 <b>c<a>b</b>,浏览器会把 <b><a> 当作标签解析,导致显示异常。所以需要用 &gt; 代表 >&lt; 代表 <

<b>c&lt;a&gt;b</b>Code language: HTML, XML (xml)

这样显示时才会输出我们想要的结果。

如果要显示 &lt; 这个符号本身,需要用 &amp; 来代表 &,即写成 &amp;lt;

本节代码

<!DOCTYPE html>
<html>
    <head>
        <title>html学习</title>
    </head>
    <body>
        我们看到的网页内容&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;是放在&gt;body&lt;&gt;/body&lt;中间的
        <p>
            <b>c&gt;a&lt;b</b> 
        </p>
        &copy;
        &nbsp;
    </body>
</html>Code language: HTML, XML (xml)

常用转义字符对照

字符转义字符说明
空格&nbsp;不间断空格(多个连续空格不会被合并为一个)
<&lt;小于号
>&gt;大于号
&&amp;和号(必须优先转义,否则会被误解析为实体开头)
"&quot;引号
'&apos;单引号
©&copy;版权符号

补充说明

  • 转义字符以 & 开头、以 ; 结尾,中间是实体名称或编号(如 &#60; 也能表示 <
  • & 本身必须转义为 &amp;,否则浏览器会把它后面的内容当作实体解析,导致意外结果
  • &nbsp; 是不间断空格,与普通空格不同,它不会被浏览器合并,也不会在行尾自动换行
  • 在 HTML 属性值中如果包含 <&,同样需要转义,否则可能导致标签解析错误

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注