< & © 一页速查：HTML 字符实体生存手册

写 HTML 时，总有些字符自带“搞事”属性：

• 敲 <，浏览器以为你要开标签；
• 打空格，回头被合并得只剩一个；
• 想找 ©、€、¥，键盘翻遍也没有。

字符实体就是它们的“临时身份证”——告诉浏览器：“别瞎解析，这是纯文本！”

1. 身份证格式

统一模板：
&名字; 或 &#编号; 或 &#x十六进制;

示例
< → <
© → ©
€ → €

记住口诀：
“& 开头 ; 结尾，中间要么喊名字，要么报数字。”

2. 日常开发 5+4 必背

① 保留字符（必写）

② 常用符号（随用随复制）

© ©
® ®
€ €
¥ ¥
℃ ℃
° °
— —
• •

3. 空格三连

键盘空格会被合并，想要“硬 gap”用下面仨：

•   不断行空格（最常用）
•   半角宽
• `  全角宽

示例：

<p>价格：&yen;99&nbsp;元</p>

保证“99 元”不拆行。

4. 什么时候用 Unicode 编号？

• 冷门符号没有“名字”实体；
• 模板引擎把 & 当成变量前缀，冲突时换成 &# 形式；
• 需要肤色修饰符或 Emoji 时，直接上十六进制更短，如 👍 👍。

5. 别踩的坑

1. 把   当布局神器 → 代码臃肿，换 CSS margin/white-space；
2. 属性值里 URL 带 & → 先转义成 & 再谈别的；
3. 实体大小写敏感 → < 不会给你 <。

6. 一页收藏图

把下表截屏当桌面，随用随贴：

<  >  &  "  '
   ©  ®  €  ¥
°  —  •  –

记住
“保留字符必转义，符号随抄 Unicode，空格别滥用，URL 中的 & 先转义。”
背熟这四句，你的 HTML 再也不会因为一个小于号而炸屏。