课时17：HTML 字符实体¶

学习目标：理解字符实体的作用机制，掌握常用字符实体的语法与应用场景，能够正确处理 HTML 中的特殊字符显示问题。

一、字符实体的概念¶

HTML 文档中存在两类特殊字符，无法直接在文本中书写：

在前序课程中学习的  （不间断空格）是字符实体的一种，用于解决 HTML 中多个空格被折叠为单个的问题：

<p>你好&nbsp;&nbsp;&nbsp;张三</p>    <!-- 显示三个空格 -->

除了   之外，HTML 还提供了大量其他字符实体，覆盖各类特殊符号需求。

所有字符实体遵循统一的书写规范：

&实体名称;

<p>版权所有 &copy; 2023 某某公司</p>
<p>价格：&yen; 199.00</p>

问题演示：直接在文本中写入标签代码，浏览器会将其解析为真实标签：

<!-- 源码：期望显示 "<h1> 是标题标签" 这段文本 -->
<p><h1> 是标题标签</p>

<!-- 实际效果：浏览器将 <h1> 解析为标题标签，导致页面结构异常 -->

解决方案：使用字符实体替换尖括号：

<!-- 正确：使用 &lt; 和 &gt; 替代 < 和 > -->
<p>&lt;h1&gt; 是标题标签</p>

<!-- 渲染效果：正确显示 "<h1> 是标题标签" 文本 -->

字符实体除了使用名称（如 <），还可以使用实体编号（如 <）：

<!-- 名称写法（推荐） -->
<p>&lt;h1&gt;</p>

<!-- 编号写法（等效） -->
<p>&#60;h1&#62;</p>

写法	格式	可读性	推荐度
实体名称	`<`	高（有语义）	推荐
实体编号	`<`	低（纯数字）	了解即可

实体编号基于 Unicode 编码值，理论上可表示任何字符，但名称写法更直观易记，是日常开发的首选。