在 HTML 里面，
<、>、&、空格这些符号有特殊含义，浏览器会把它们当成标签语法解析，直接写在页面上显示不出来或者会出错。 字符实体就是用来输出这些特殊符号的编码，格式分两种：
- 实体名称：
&名字;（好记，常用） - 实体编号：
&#数字;（通用，兼容性最好）
格式必须：以
&开头，以;分号结尾，分号不能丢！丢了就失效。
为什么需要字符实体？
举例：你想在网页显示文本：<p>这是一个段落</p> 如果你直接写：
<p><p>这是一个段落</p></p>
浏览器不会把<p>当成文字显示，而是会把它识别成 HTML 段落标签，页面看不到尖括号。 这时就需要字符实体，把 < 和 > 转义输出。
最常用字符实体（必背）
| 显示符号 | 实体名称 | 实体编号 | 说明 |
|---|---|---|---|
| 空格 | |   | 不换行空格（普通多个空格 HTML 会合并成 1 个） |
< 小于号 | < | < | less‑than 左尖括号 |
> 大于号 | > | > | greater‑than 右尖括号 |
& 和号 | & | & | & 符号本身，非常重要 |
| " 双引号 | " | " | 双引号 |
| ' 单引号 | ' | ' | 单引号（部分旧浏览器优先用编号） |
重点记忆 5 个：
、<、>、&、"
示例 1：显示尖括号 < >
想要页面上显示文字：<b>粗体标签</b>
<!DOCTYPE html>
<html lang="zh‑CN">
<head>
<meta charset="UTF‑8">
</head>
<body>
<!-- 错误写法，直接写<>会被当成标签 -->
<p><b>粗体标签</b></p>
<!-- 正确：使用 < > 输出尖括号文本 -->
<p><b>粗体标签</b></p>
</body>
</html>
页面输出效果：＜b＞粗体标签＜/b＞，把标签当做普通文字展示。
示例 2：空格
HTML 规则：网页里直接敲多个空格，浏览器会合并成1 个空格。 如果想要多个空格，就要用
，一个代表一个空格。
<!DOCTYPE html>
<html lang="zh‑CN">
<head>
<meta charset="UTF‑8">
</head>
<body>
<p>A B</p>
<!-- 上面写了3个空格，浏览器只会显示1个空格 -->
<p>A B</p>
<!-- 三个 ，页面就会出现3个空格 -->
</body>
</html>
叫不换行空格：不会因为自动换行被压缩。
示例 3：输出 & 符号
如果你想页面显示：A&B ❌错误：<p>A&B</p> 浏览器会把 & 识别为实体的开始，页面显示异常。 ✅正确：用 &
<p>A&B</p>
页面显示：A&B
示例 4：引号
<p>他说："你好！"</p>
页面输出：他说："你好！"
其他实用字符实体（拓展，需要的时候查）
表格
| 符号 | 实体名称 | 含义 |
|---|---|---|
| © | © | 版权符号 © |
| ® | ® | 注册商标 ® |
| ™ | ™ | 商标 ™ |
| ¥ | ¥ | 人民币 / 日元 ¥ |
| € | € | 欧元 € |
| § | § | 章节符号 § |
示例代码：
<p>版权 © 2026 公司名称</p>
<p>价格：¥ 999</p>
<p>产品®</p>
页面效果：
版权 © 2026 公司名称
价格：¥ 999
产品®
实体编号写法（数字格式）
所有字符都可以用数字编号，兼容性最高，不需要记名字。 格式：&#数字; 例：
<p><></p> <!-- 输出 <> -->
<p> </p> <!-- 空格 -->
<p>©</p> <!-- ©版权 -->
新手高频踩坑
- 忘记末尾分号
;
<b> <!-- ❌错误，缺少;，不会转义，原样输出文本 -->
<b> <!-- ✅正确 -->
-
想打多个空格直接敲空格键，HTML 自动合并空格，看不到多个空隙，要用
。 -
文本中出现
&，直接写&，页面乱码，必须写成&。 -
混淆：
<是小于<；>是大于>，不要记反。
lt = less than 小于；gt = greater than 大于。
- 实体只用于HTML 文本内容里面，不要写在标签属性值、CSS 里面。CSS 里面不能用
。
完整综合示例，复制直接运行
<!DOCTYPE html>
<html lang="zh‑CN">
<head>
<meta charset="UTF‑8">
<title>字符实体综合演示</title>
</head>
<body>
<h3>字符实体演示</h3>
<p>要显示HTML标签文本：<div>盒子</div></p>
<p>多空格效果：前 后</p>
<p>符号 & 输出 &</p>
<p>引号："好好学习"</p>
<p>价格：¥128，版权 ©2026</p>
</body>
</html>
页面渲染输出：
要显示HTML标签文本：<div>盒子</div>
多空格效果：前 后
符号 & 输出 &
引号："好好学习"
价格：¥128，版权 ©2026
知识点总结
- 字符实体用来在页面输出 HTML 的特殊语法符号，格式
&名字;或者&#数字;，结尾分号；必不可少。 - 核心 5 个：
空格<小于 <>大于 >&& 符号"双引号
- HTML 会把连续多个普通空格合并成一个；想要多个空格使用
。 - 版权
©、人民币¥是常用拓展实体。 - 实体写在 HTML 内容中，CSS、JS 里面不要用字符实体。
✍小练习：写一段页面，输出文字：
<p>价格：¥100</p>
HTML 基础标签到此全部结束，下一节进入 HTML 统一资源定位器
转载自 CSDN-专业IT技术社区
原文链接：https://blog.csdn.net/zhanghaha1314/article/details/163603404
