< > & 的故事：HTML 实体字符速查小抄

写网页时，总有些字符让浏览器“误会”：

• 输入 <div> 想展示代码，结果浏览器真给你渲染一个 div；
• 打两个空格，保存后只剩一个；
• 键盘上压根找不到 ©、€、℃。

解决办法就是“实体字符”——给特殊符号各发一张身份证，让浏览器一眼认出：哦，这是要显示，不是指令。

1. 实体字符长啥样？

统一格式：&名字; 或 &#编号;
示例：< → <  © → ©

记忆口诀：
“& 开头 ; 结尾，中间要么看名字，要么看编号。”

2. 五张必背身份证

把这五个写在便利贴上，贴屏幕，一周就背熟。

3. 空格三连

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

•   不断行空格（最常用）
•   半角空格（1/2 个汉字宽）
• `  全角空格（1 个汉字宽）

示例：

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

保证“99”和“元”始终在同一行。

4. 常见符号复制栏

© ©
® ®
™ ™
€ €
£ £
¥ ¥
℃ ℃
° °

需要更多？打开 entitychecker.com 搜关键词，三秒拿到实体。

5. 别滥用

• 大量   拼版面 → 代码丑、难维护，用 CSS white-space 或 flex 间距；
• 为了“箭头”写 → 也行，但图标多时优先用 SVG/图标字体，样式更自由；
• 属性值里如果带 URL，记得先转义 & (&)，再谈其他。

6. 一键记忆总结

“五大保留必须转，空格排版别连篇，符号复制找站点，属性 URL 先转 &。”

把实体字符当成浏览器的“防误会”工具，而不是万能排版器，代码自然干净又健壮。