HTML5教程 - 15 实体字符

什么是实体字符呢？

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

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>网页的标题</title>
  </head>
  
  <body>
    你    好
    b<a 或者 a>b
  </body>
</html>

最终显示的效果如下：

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

这是为什么呢？

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

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

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

实体的语法：&实体的名字; ，常用的字符实体如下：

实体名称	显示结果	描述
` `		空格
`>`	>	大于号
`<`	<	小于号
`&`	&	与
`©`	©	版权
`®`	®	注册商标
`™`	™	商标
`×`	×	乘号
`÷`	÷	除号
`¿`	¿	倒问号

更多的字符实体，可参考：HTML 字符实体、HTML ISO-8859-1 参考手册

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

html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>网页的标题</title>
  </head>
  
  <body>
    你&nbsp;&nbsp;&nbsp;&nbsp;好
    b&lt;a 或者 a&gt;b
  </body>
</html>

显示的效果如下：

如果要在网页上显示   呢，可以下面这样写：

html

<body>
    &amp;nbsp;
</body>

显示如下：

总结：

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

HTML5教程 - 15 实体字符 ​

HTML5教程 - 15 实体字符