HTML 实体参考表

什么是 HTML 实体？

在 HTML 中，有些字符具有特殊含义，例如小于号 < 表示标签的开始。如果直接在文本中使用这些字符，浏览器会将其误认为 HTML 代码，导致页面渲染错误或存在安全隐患。HTML 实体（HTML Entities）就是为了解决这个问题而存在的转义机制。

一个标准的 HTML 实体通常由三个部分组成：一个和号 ( & )、一个实体名称或编号、以及一个分号 ( ; )。例如，版权符号 © 的实体名称是 © ，编号是 © 。

为什么需要使用 HTML 实体？

1. 避免 HTML 语法冲突

最常见的用途是转义那些会被浏览器解析为 HTML 标签的字符，如 < 、 > 和 & 。通过使用 < 和 > ，你可以安全地在页面上显示代码示例而不会被解析。

2. 防止 XSS 攻击

在处理用户输入时，将特殊字符转义为 HTML 实体是预防跨站脚本攻击（XSS）的重要手段。通过转义，恶意脚本中的 <script> 标签将变为纯文本，无法在用户的浏览器中执行。

3. 显示不可见字符或特殊符号

许多字符无法通过普通键盘直接输入，或者在某些编码（如早期的 ASCII）中不存在。HTML 实体允许开发者通过简单的代码插入各种符号，如数学公式、货币符号、希腊字母和技术符号。

常用 HTML 实体分类详解

• 基础转义： 包含 & (&), < (<), > (>), " ("), ' (')。这是 Web 开发中最核心的五个转义符。
• 数学运算符： 涵盖了 ± (±), × (×), ÷ (÷), ∞ (∞) 等，适合在教育或科学类网站使用。
• 货币符号： 除了常见的 ¥ (¥) 和 € (€)，还支持全球多种货币的转义表示。
• 箭头与指向： ← (←), → (→) 等符号在 UI 导航设计中非常实用。

在 CSS 和 JavaScript 中使用实体

虽然 HTML 实体主要用于 HTML 文档，但在其他前端技术中也有对应方案：

• CSS： 在 content 属性中使用反斜杠转义，例如 content: "\00A9"; 。
• JavaScript： 使用 Unicode 转义序列，例如 console.log("\u00A9"); 。

最佳实践建议

在现代 Web 开发中，由于 UTF-8 编码的普及，许多符号可以直接在源码中书写。但在以下场景，我们强烈建议使用 HTML 实体：

1. 代码演示： 展示 HTML 或 XML 代码片段时。
2. 用户生成内容： 在页面回显用户输入的文本时，必须进行转义处理。
3. 特殊空白： 使用   控制不换行空格，确保布局稳定性。