HTML实体
在本章节中，我们将学习HTML实体的作用、用法和常见实体参考。HTML实体用于在HTML文档中显示特殊字符，这些字符可能无法直接输入或在HTML中有特殊含义。
1. 什么是HTML实体？
HTML实体（HTML Entities）是用于表示HTML中特殊字符的一种方式。这些特殊字符包括：
- HTML预留字符（如
<,>,&等） - 难以直接输入的字符（如版权符号
©、注册商标符号®等） - 非ASCII字符（如中文、日文、希腊字母等）
1.1 实体的基本语法
HTML实体有两种表示方式：
- 命名实体：以
&开头，以;结尾，如&lt;表示< - 数字实体：以
&#开头，以;结尾，后面跟着字符的十进制或十六进制编码，如&#60;或&#x3C;表示<
<!-- 命名实体 -->
< <!-- 表示 < -->
> <!-- 表示 > -->
& <!-- 表示 & -->
" <!-- 表示 " -->
' <!-- 表示 ' -->
<!-- 数字实体（十进制） -->
< <!-- 表示 < -->
> <!-- 表示 > -->
& <!-- 表示 & -->
" <!-- 表示 " -->
' <!-- 表示 ' -->
<!-- 数字实体（十六进制） -->
< <!-- 表示 < -->
> <!-- 表示 > -->
& <!-- 表示 & -->
" <!-- 表示 " -->
' <!-- 表示 ' -->2. 为什么需要使用HTML实体？
2.1 避免解析错误
HTML中有一些字符具有特殊含义，如 < 表示标签的开始，> 表示标签的结束，& 表示实体的开始。如果直接在HTML文档中使用这些字符，浏览器会将它们解析为HTML语法，而不是显示为普通字符。
例如，如果你想在页面上显示 <p> 这个文本，直接输入会被浏览器解析为一个段落标签，而不是显示为文本 <p>。此时，你需要使用实体 &lt;p&gt; 来显示这个文本。
2.2 显示特殊符号
有些符号无法直接通过键盘输入，或者在不同的字符编码中可能无法正确显示。使用HTML实体可以确保这些符号在任何浏览器和设备上都能正确显示。
例如，版权符号 © 可以使用实体 &copy; 或 &#169; 来表示。
2.3 确保跨平台兼容性
使用HTML实体可以确保网页在不同的操作系统、浏览器和字符编码下都能正确显示所有字符。
3. 常见的HTML实体
3.1 基本实体
| 字符 | 命名实体 | 十进制实体 | 十六进制实体 | 描述 |
|---|---|---|---|---|
| < | < | < | < | 小于号 |
| > | > | > | > | 大于号 |
| & | & | & | & | 和号 |
| " | " | " | " | 双引号 |
| ' | ' | ' | ' | 单引号（撇号） |
| 空格 | 非断行空格 |
3.2 常用符号
| 字符 | 命名实体 | 十进制实体 | 十六进制实体 | 描述 |
|---|---|---|---|---|
| © | © | © | © | 版权符号 |
| ® | ® | ® | ® | 注册商标符号 |
| ™ | ™ | ™ | ™ | 商标符号 |
| € | € | € | € | 欧元符号 |
| £ | £ | £ | £ | 英镑符号 |
| ¥ | ¥ | ¥ | ¥ | 日元符号 |
| § | § | § | § | 段落符号 |
| ¶ | ¶ | ¶ | ¶ | 段落标记 |
| • | • | • | • | 项目符号 |
| … | … | … | … | 省略号 |
| – | – | – | – | 短破折号 |
| — | — | — | — | 长破折号 |
| “ | “ | “ | “ | 左双引号 |
| ” | ” | ” | ” | 右双引号 |
| ‘ | ‘ | ‘ | ‘ | 左单引号 |
| ’ | ’ | ’ | ’ | 右单引号 |
| ← | ← | ← | ← | 左箭头 |
| → | → | → | → | 右箭头 |
| ↑ | ↑ | ↑ | ↑ | 上箭头 |
| ↓ | ↓ | ↓ | ↓ | 下箭头 |
3.3 数学符号
| 字符 | 命名实体 | 十进制实体 | 十六进制实体 | 描述 |
|---|---|---|---|---|
| ± | ± | ± | ± | 正负号 |
| × | × | × | × | 乘号 |
| ÷ | ÷ | ÷ | ÷ | 除号 |
| = | = | = | = | 等于号 |
| ≠ | ≠ | ≠ | ≠ | 不等于号 |
| < | < | < | < | 小于号 |
| > | > | > | > | 大于号 |
| ≤ | ≤ | ≤ | ≤ | 小于等于号 |
| ≥ | ≥ | ≥ | ≥ | 大于等于号 |
| √ | √ | √ | √ | 平方根 |
| ∞ | ∞ | ∞ | ∞ | 无穷大 |
| π | π | π | π | 圆周率 |
3.4 希腊字母
| 字符 | 命名实体 | 十进制实体 | 十六进制实体 | 描述 |
|---|---|---|---|---|
| α | α | α | α | 阿尔法 |
| β | β | β | β | 贝塔 |
| γ | γ | γ | γ | 伽马 |
| δ | δ | δ | δ | 德尔塔 |
| ε | ε | ε | ε | 伊普西隆 |
| ζ | ζ | ζ | ζ | 泽塔 |
| η | η | η | η | 伊塔 |
| θ | θ | θ | θ | 西塔 |
| ι | ι | ι | ι | 约塔 |
| κ | κ | κ | κ | 卡帕 |
| λ | λ | λ | λ | 兰姆达 |
| μ | μ | μ | μ | 缪 |
| ν | ν | ν | ν | 纽 |
| ξ | ξ | ξ | ξ | 克西 |
| ο | ο | ο | ο | 奥密克戎 |
| π | π | π | π | 派 |
| ρ | ρ | ρ | ρ | 柔 |
| σ | σ | σ | σ | 西格马 |
| τ | τ | τ | τ | 陶 |
| υ | υ | υ | υ | 宇普西隆 |
| φ | φ | φ | φ | 斐 |
| χ | χ | χ | χ | 卡 |
| ψ | ψ | ψ | ψ | 普西 |
| ω | ω | ω | ω | 欧米伽 |
4. HTML实体的使用场景
4.1 显示HTML标签
当你想在页面上显示HTML标签本身，而不是让浏览器解析它时，需要使用HTML实体。
<p>HTML中，段落标签是 <p>，结束标签是 </p>。</p>4.2 显示特殊符号
当你想在页面上显示特殊符号，如版权符号、注册商标符号等时，可以使用HTML实体。
<p>© 2026 网站名称. 保留所有权利.</p>
<p>产品名称™ 是我们的注册商标.</p>4.3 避免断行
使用 &nbsp; 实体可以创建非断行空格，防止浏览器在不适当的位置换行。
<p>电话号码：010-1234-5678</p>
<!-- 防止在连字符处断行 -->
<p>电话号码：010-1234- 5678</p>4.4 显示数学公式
在没有专门的数学公式库的情况下，可以使用HTML实体来显示简单的数学公式。
<p>勾股定理：a² + b² = c²</p>
<p>圆的面积：A = πr²</p>
<p>二次方程求根公式：x = (-b ± √(b² - 4ac)) / 2a</p>4.5 显示箭头和图标
使用HTML实体可以显示各种箭头和简单的图标。
<p>点击 → 继续</p>
<p>↑ 回到顶部</p>
<p>最新消息 • 热门话题 • 推荐阅读</p>5. HTML实体的最佳实践
5.1 优先使用命名实体
命名实体比数字实体更易于阅读和记忆，建议优先使用命名实体。例如，使用 &copy; 比 &#169; 更直观。
5.2 只在必要时使用实体
不要过度使用实体，只有在需要显示特殊字符或避免解析错误时才使用。对于普通文本，直接输入即可。
5.3 注意实体的大小写
HTML实体是区分大小写的，例如 &copy; 是正确的，而 &Copy; 是错误的。
5.4 确保实体完整
所有HTML实体都必须以 ; 结尾，否则浏览器可能无法正确解析。
5.5 测试在不同浏览器中的显示
不同浏览器对HTML实体的支持可能略有不同，建议在主流浏览器中测试实体的显示效果。
5.6 考虑使用UTF-8编码
使用UTF-8字符编码可以直接显示大多数字符，减少对HTML实体的需求。但对于HTML预留字符（如 <, >, &），仍然需要使用实体。
6. 常见问题解答
Q: 为什么在HTML中直接输入 < 和 > 会导致问题？
A: 因为 < 和 > 在HTML中有特殊含义，分别表示标签的开始和结束。如果直接输入，浏览器会将它们解析为HTML标签，而不是显示为普通字符。
Q: 如何在HTML中显示 & 符号？
A: 需要使用实体 &amp; 来显示 & 符号，否则浏览器会将其解析为HTML实体的开始。
Q: 所有的字符都有对应的HTML实体吗？
A: 不是所有字符都有命名实体，但所有Unicode字符都可以使用数字实体表示。
Q: &nbsp; 和普通空格有什么区别？
A: &nbsp; 是一个非断行空格，浏览器不会在这个空格处换行，而且多个连续的 &nbsp; 会被浏览器保留，而普通空格会被合并为一个。
Q: 如何在HTML中显示引号？
A: 可以使用实体 &quot; 表示双引号，使用 &apos; 表示单引号。在HTML属性中，如果使用双引号作为属性值的分隔符，内部的双引号需要使用实体，或者使用单引号作为分隔符。
Q: 为什么有些实体在我的浏览器中显示为问号？
A: 这可能是因为你的浏览器不支持该实体，或者HTML文档的字符编码设置不正确。建议使用UTF-8编码，并测试在主流浏览器中的显示效果。
7. 练习项目
创建一个HTML文件，包含以下内容：
- 页面标题为"HTML实体练习"
- 页面头部包含必要的元标签（字符集、视口等）
- 创建一个表格，展示至少20个常用的HTML实体，包括：
- 基本实体（<, >, &, ", '）
- 常用符号（©, ®, ™, €, £, ¥等）
- 数学符号（+, -, ×, ÷, =, ≠, <, >, ≤, ≥等）
- 希腊字母（α, β, γ, δ等）
- 在表格中包含字符、命名实体、十进制实体、十六进制实体和描述
- 创建一个示例部分，展示如何使用HTML实体：
- 显示HTML标签
- 显示特殊符号
- 创建非断行空格
- 显示数学公式
- 显示箭头和图标
- 使用CSS为页面添加基本样式，包括表格样式、字体样式、颜色等
- 确保页面在不同设备上都能正常显示
在浏览器中打开文件，验证实体的显示效果
检查HTML代码是否符合标准
尝试在不同浏览器中测试页面，确保实体在所有浏览器中都能正确显示
8. 小结
- HTML实体用于在HTML文档中显示特殊字符，包括HTML预留字符、难以直接输入的字符和非ASCII字符
- HTML实体有两种表示方式：命名实体和数字实体
- 常见的HTML实体包括基本实体（<, >, &, ", '）、常用符号、数学符号和希腊字母等
- HTML实体的主要作用是避免解析错误、显示特殊符号和确保跨平台兼容性
- 最佳实践包括：优先使用命名实体、只在必要时使用实体、注意实体的大小写和完整性
- 使用UTF-8编码可以减少对HTML实体的需求，但对于HTML预留字符仍然需要使用实体
在下一章节中，我们将学习HTML iframe，了解如何在网页中嵌入其他网页或内容。