什么是 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 实体：
- 代码演示： 展示 HTML 或 XML 代码片段时。
- 用户生成内容： 在页面回显用户输入的文本时，必须进行转义处理。
-
特殊空白：
使用
控制不换行空格，确保布局稳定性。