# HTML5教程 - 15 实体字符

什么是实体字符呢?

下面我们先编写一段代码:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>网页的标题</title>
  </head>
  
  <body>
    你    好
    b<a 或者 a>b
  </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12

最终显示的效果如下:

我们会发现我们编辑了很多的 空格,但是只显示了一个空格,同时 <> 以及中间的内容也没有正确显示。

这是为什么呢?

这是因为,有些时候在 HTML 中不能直接书写一些特殊符号,如:

  • 多个连续的空格和回车只会显示一个空格(在网页中编写的多个空格默认情况会自动被浏览器解析为一个空格);
  • 字母两侧的大于小于号(可能会被认为是标签并解析),所以上面 <a 或者 a> 被解析成一个标签了,没有正确显示。

如果我们需要在网页中书写这些特殊的符号,则需要使用 HTML 中的实体(转义字符)。

实体的语法:&实体的名字; ,常用的字符实体如下:

实体名称 显示结果 描述
&nbsp; 空格
&gt; > 大于号
&lt; < 小于号
&amp; &
&copy; © 版权
&reg; ® 注册商标
&trade; 商标
&times; × 乘号
&divide; ÷ 除号
&iquest; ¿ 倒问号

更多的字符实体,可参考:HTML 字符实体 (opens new window)HTML ISO-8859-1 参考手册 (opens new window)

所以我们重写一开始的代码,应该写成如下:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>网页的标题</title>
  </head>
  
  <body>&nbsp;&nbsp;&nbsp;&nbsp;好
    b&lt;a 或者 a&gt;b
  </body>
</html>
1
2
3
4
5
6
7
8
9
10
11
12

显示的效果如下:


如果要在网页上显示 &nbsp; 呢,可以下面这样写:

<body>
    &amp;nbsp;
</body>
1
2
3

显示如下:


总结:

本章主要讲解字符实体的使用,字符实体的作用就是处理一些特殊的服务。字符实体也就是在使用特殊符号的情况下使用,平时用的不多。