HTML 字符实体

在 HTML 中，某些字符有特殊含义（如 < 是标签的开始）。要显示这些字符本身，需要使用字符实体（Character Entity）。

基本实体

html

<p>HTML 标签用 &lt; 和 &gt; 包围，比如 &lt;p&gt;。</p>
<p>条件判断：x &gt; 0 &amp;&amp; y &lt; 10</p>

HTML 解析器看到 < 就会认为标签开始了。如果不转义：

html

<!-- ❌ 浏览器会尝试解析 <div> 为标签 -->
<p>使用 <div> 标签来创建容器。</p>

<!-- ✅ 使用实体正确显示 -->
<p>使用 &lt;div&gt; 标签来创建容器。</p>

在 <script> 和 <style> 标签内部，< 不会被解析为 HTML 标签的开始，所以通常不需要转义。但 </script> 或 </style> 的出现会提前闭合标签，此时需要转义 </。

每个字符都有一个 Unicode 编号，可以用 &#编号; 格式引用：

html

<p>&#25105;&#21916;&#27426;&#20320;</p>
<!-- 输出：我喜欢你 -->

实体名比编号更好记，但并非所有字符都有实体名。对于没有常用实体名的字符（如 emoji），使用实体编号或直接输入（确保文件编码为 UTF-8）。

现代 HTML 页面只要声明了 <meta charset="utf-8">，就可以直接输入大多数字符，无需使用实体：

html

<p>版权符号 © 和商标符号 ™ 都可以直接写</p>
<p>中文、日本語、한국어、Emoji 🎉 — 全部 OK</p>

实体主要用于以下场景：