HTML字符实体完全指南
编程小白也能懂的字符实体详解，从基础概念到实际应用
什么是HTML字符实体？
HTML字符实体就像是HTML中的”特殊代号”。当你想在网页中显示一些特殊字符时（比如<, >, &等），就需要使用这些代号。
简单来说，字符实体就是：
- 用名字或数字代码表示的字符
- 以&开头
- 以;结尾
例如：
- < 代表小于号 <
- > 代表大于号 >
- & 代表&符号 &
为什么需要字符实体？
HTML字符实体主要有三个重要作用：
1. 避免歧义
HTML中有些字符有特殊含义。比如<表示标签开始，&表示实体开始。
如果直接在HTML中写<p>，浏览器会把它解析为标签而不是文本。
要显示”
“，必须写成<p>
2. 显示特殊符号
键盘上没有的特殊符号，如版权符号©、商标™、货币符号€等，就需要使用字符实体。
例如：
- © → ©
- € → €
- ♥ → ♥
3. 显示不可见字符
一些不可见字符如空格、换行等也需要实体表示：
- → 不间断空格（不会被合并）
- → 半角空格
- → 全角空格
字符实体的两种形式
1. 实体名称（Entity Name）
使用容易记忆的名字表示字符，格式：&名称;
例如：
- < → 小于号 <
- © → 版权符号 ©
- ♥ → 心形符号 ♥
优点
易于记忆和阅读，语义清晰
缺点
不是所有字符都有对应的名称，浏览器支持可能不一致
2. 实体编号（Entity Number）
使用字符在Unicode中的编号表示，格式：&#编号;
编号可以是十进制或十六进制：
- 十进制：< → 小于号 <
- 十六进制：< → 小于号 <
优点
支持所有Unicode字符、浏览器兼容性好
缺点
数字编号难以记忆
常用HTML字符实体速查表
| 符号 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 不间断空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| “ | 双引号 | " | " |
| ‘ | 单引号 | ' | ' |
| © | 版权符号 | © | © |
| ® | 注册商标 | ® | ® |
| € | 欧元符号 | € | € |
| ¥ | 人民币/日元符号 | ¥ | ¥ |
| ¢ | 分币符号 | ¢ | ¢ |
| ♥ | 心形符号 | ♥ | ♥ |
| ★ | 实心五角星 | ★ | ★ |
实际应用示例
1. 避免HTML标签被解析
<!– 错误写法：浏览器会解析为标签 –>
<p>段落标签：<p></p>
<!– 正确写法：使用字符实体 –>
<p>段落标签：<p></p>
<p>段落标签：<p></p>
<!– 正确写法：使用字符实体 –>
<p>段落标签：<p></p>
2. 版权声明
<footer>
© 2023 我的网站. 保留所有权利®
</footer>
© 2023 我的网站. 保留所有权利®
</footer>
3. 显示数学公式
<p>公式：a < b ∧ b < c ⇒ a < c</p>
<p>∀x ∈ R, x² ≥ 0</p>
<p>∀x ∈ R, x² ≥ 0</p>
4. 保留空格和特殊格式
<p>开头  缩进两个汉字</p>
<p>全角空格：中文 英文</p>
<p>电话号码：888–8888–8888</p>
<p>全角空格：中文 英文</p>
<p>电话号码：888–8888–8888</p>
重要注意事项
不要忘记分号
字符实体必须以分号;结尾，否则浏览器无法正确解析。
错误： <
正确： <;
大小写敏感
实体名称是区分大小写的：
< 是无效的，必须写成 <
何时使用名称或编号
优先使用实体名称（方便记忆），但以下情况使用实体编号：
- 字符没有名称时（如生僻字符）
- 需要更好的浏览器兼容性
- 处理数学符号或特殊符号
现代HTML的最佳实践
在HTML5中，如果你：
- 使用UTF-8编码（<meta charset=”UTF-8″>）
- 正确设置文档类型（<!DOCTYPE html>）
那么大多数情况下可以直接输入特殊字符（如©、≠、€等），无需使用字符实体。
例外： <、>、&、引号等有特殊含义的字符仍需使用实体。