HTML 实体

HTML 中有些字符是特殊的。若在页面普通文本里输入原始的 <，浏览器可能认为标签开始了。若输入原始的 &，可能认为实体开始了。字符实体是安全编码，把这些符号显示为可见文本，而不是迷惑解析器。没有它们，想要展示标记的课程会开始执行标记：版面错乱、出现幽灵元素，学员责怪示例，其实问题是未转义的保留字符。本课教的是实体系统本身——不只是粘贴一次 <。掌握之后，你就能写出教程、文档和参考页，让 <、> 与 & 在任何编辑器里都可靠地显示为文本。把实体想成「想看见的」与「HTML 会解释的」之间的桥梁：源码里的代码不同于屏幕上的字形，而这种差异是故意的。在教学页上，这座桥把可读的示例与破碎的文档分开。养成「先转义、再预览」的习惯，比事后在整页教程里找幽灵标签便宜得多。

什么是 HTML 实体？

HTML 实体是在标记中书写某个字符的编码方式。大多数命名实体以 & 开头、以 ; 结尾。浏览器渲染页面时，会把代码替换成真实字符。你最常需要实体的，是那些 HTML 已经当作标记语法使用的字符；有时也用于不便输入的符号。还有数字形式（例如 < 对应 <），但本课重点是最常见的命名实体：lt、gt、amp、nbsp，以及有用的 quot 与 copy。末尾的分号不是装饰——它关闭实体，让解析器知道代码在哪里结束、普通文本从哪里继续。若省略分号，浏览器可能吞掉后面的字母，或显示奇怪结果。把 &…; 当作完整单元来学，能避免大部分初学者错误。看到示例中的实体时，从左到右读：和号、名称、分号——三块零件，一个单元。把这三件套练成肌肉记忆，后面写教学页会省很多返工。

直接答案

当某个字符作为原始文本不安全或不清晰时，就使用实体。先记住这些：< 表示 <，> 表示 >，& 表示 &，  表示不换行空格。命名实体务必以 ; 结束。在段落中，以及在讲授 HTML 的示例里，只要原始字符会破坏或误读文档，就使用它们。若本课只记住一条规则，请记住：展示保留符号不等于把它当作语法激活——实体就是二者之间的边界。其余内容（有节制地用 nbsp、不要给普通散文编码、对比源码与屏幕）遵循同一套标记诚实逻辑。在教学页上，< / > / & 会变成肌肉记忆：先转义，再在浏览器里确认。这个习惯能避免教程「吃掉」自己的示例标签。把「可见语法字符 → 实体」写成固定反射，比死记几十个冷门命名实体更有用。

常见实体一览

句子中的保留字符

在普通段落中讲授或提及标签时，用实体显示它们，让它们保持为文本。若教程写「使用 <p> 标签」却不做转义，可能在句子中间创建真正的段落。对你想引用的 <div>、<span>、<a> 及其他标签也一样。品牌名（AT&T）、电影标题（Tom & Jerry）或带「和」号的正文里的 &，若既要可见字形又不想误开无效实体，也需要 &。训练习惯：若字符是 HTML 语法的一部分，而你想把它当作字形看见，就编码它。技术文档里这个模式一页可能出现几十次——因此在写长指南之前，把反射练成自动很值得。先在短段落里练，再扩展到整章示例。

阅读示例

• <p> 显示字符 <p>，却不会在那里创建段落元素
• Tom & Jerry 显示为 Tom & Jerry
• 没有有效实体的原始 & 可能导致解析问题
• 像 p 和 Jerry 这样的普通字母不需要实体
  这个模式可以扩展：同一句里可以有多个实体而不打断阅读流。常见错误是展示闭合标签时把 < 与 > 弄反，或忘记分号后看到被解析器「吃掉」的字母。务必对比源代码与渲染文本——源码里的 <p> 与屏幕上的 <p> 之差，正是实体在做的事。学员看过一次后，规则就不再是魔法，而变成机械动作。记住这个对照：源码 = 代码；屏幕 = 字形。把对照写进笔记里，下次调试会更快。

不换行空格

  是一种空格，浏览器不应把它当作所连接部分之间的软换行点。它对保持短标签与数字、或希望粘在一起的词语很有用。不要把它洒得到处都是当布局工具——真正的设计请优先用普通空格和 CSS。在数字排印里，不换行空格解决的是窄问题：「第 4 章」「10 kg」「第 12 页」，或行末不该断开的短专名。若用   去模拟边距、分栏或缩进，就是在用看不见的字符对抗 CSS——脆弱、难维护，也对无障碍不友好。把   留给粘合排印单元；其余视觉间距用 margin、padding、gap 与 white-space。拿不准时先用普通空格；只有看到本该粘在一起的零件出现难看断行时，再换成  。布局问题优先问 CSS，而不是问更多空格实体。

命名实体与直接输入符号

对许多符号，若文件保存为 UTF-8，可以直接粘贴真实字符（见后面的 Charset 课）。实体对 <、> 与 & 仍然特别重要，因为这些字符是 HTML 语法的一部分。学会常见命名形式，能让教学页和示例在不同编辑器里都可靠。粘贴「©」或「→」在 UTF-8 下常常没问题；在教程段落中间粘贴原始 < 几乎从不安全。因此即便文档其余部分自由使用 Unicode，本课仍坚持对三个语法字符使用实体。编辑器、跨系统复制与构建工具有时会改动编码；< 与 & 比含糊字形更能扛住这些旅程。当你在 HTML 里面 教 HTML 时，命名实体是作者、解析器与学员之间的共同语言。先掌握它们；再按情况决定装饰性符号要用实体还是直接 Unicode。语法三角（尖括号与和号）永远优先于装饰符号。

在编辑器中练习

1. 写一段用 < 与 > 显示文本 <div> 的段落。
2. 添加一行用 & 安全书写的 AT&T。
3. 在不想被拆到两行的短标题与数字之间使用  。
4. 打开页面，确认符号看起来正确。
5. 查看源代码并找到实体编码——对比源码与渲染文本。
6. 故意漏掉某个实体的分号，刷新，注意奇怪结果，再修好。
   这些步骤闭合循环：书写、渲染、检查源码、故意制造错误。第 6 步特别有用——亲眼看到没有 ; 会发生什么，比只读规则记得更牢。若你在做文档项目，把同一模式在三处重复：一段散文、一个标签示例、一行含 & 的商标。对照源码/屏幕，直到反射自动化。练完后，把三处截图或笔记留给自己复习。

会弄坏实体的错误

• 实体末尾忘记 ;
• 在并非完整实体的文本里单独写 &（需要和号时优先 &）
• 给从不需要实体的普通字母和词语编码
• 用   代替边距与布局，而不是学习 CSS 间距
• 展示标签示例时把 < 与 > 弄混
  其他常见失误：从已经「吃掉」实体的博客复制标记（编辑器里看到 <，又粘回原始字符）；把 HTML 实体与 URL 转义（%3C）用错地方；不读上下文就假定属性与段落文本规则完全相同。属性里引号与和号也很重要——但本课的核心反射不变：可见的语法字符 → 实体。当示例「消失」或在版面挖出窟窿时，用源码视图复查页面。早修比重建整篇教程便宜。把检查清单缩成一句话：语法字符看见了吗？看见就编码。

小结

• 实体在 HTML 文本中安全显示保留或特殊字符
• 从 <、>、& 与   开始
• 命名实体以 & 开头、以 ; 结尾
• 当尖括号与和号应显示为文本时再编码
• 不要无缘无故给普通散文字母做实体编码
• 当 HTML 页面本身在教 HTML 时，实体特别有用
  把这六行当作心智速查卡。在后续符号与字符集课程里，「源码中的代码 / 屏幕上的字形」习惯会再次出现——但语法实体核心（lt、gt、amp）现在就该扎实。若能向同事解释为何原始的 Tom & Jerry 有风险、而 Tom & Jerry 安全，你就掌握了本课要点。练习到三个语法字符的转义成为自动动作。能做到这一点，后面写教程、做示例、改文档都会轻松许多。