HTML字符映射
浏览和复制HTML字符实体
如何使用HTML字符映射
- 1输入或粘贴含特殊字符的文本。
- 2选择转换为 HTML 实体(如 © → ©)或反向还原。
- 3查看每个字符对应的实体名与编号,复制使用。
HTML 字符实体:名称与编号
字符 → 命名实体(©) 或 数字实体(© / ©)HTML 实体让你在页面里插入键盘打不出、或会被误读为标签的字符,例如版权符号 ©、商标 ™、非断行空格。形式分『命名实体』(©)和『数字实体』(© 或十六进制 ©)。
命名实体可读性更好,但有些冷门符号只有数字实体;数字实体兼容性强,适合任意 Unicode 字符。
本工具列出每个字符的实体名与编号,方便在 HTML、邮件模板、富文本里精确插入特殊符号而不出错。
HTML 实体有两种写法:**实体名**(©,可读性好但支持有限)和**实体编号**(© 十进制或 © 十六进制,支持所有 Unicode 字符)。HTML5 定义了约 2000 个命名实体,但常用的就几十个。对于命名实体表里没有的字符,一律用编号形式。
**现代网页其实可以直接写 Unicode 字符**:只要页面声明了 UTF-8(<meta charset="utf-8">),©、→、中文、emoji 都能直接写,可读性和可维护性都更好,也利于搜索和复制。实体编码在今天主要用于两类场景:① 需要转义的 HTML 语法字符(< > &);② 键盘难以输入的特殊符号(如 不换行空格、­ 软连字符)。**不要为了「保险」把整段文字都转成实体**,那会让源码难以阅读且增大文件体积。
| 类别 | 字符 | HTML 实体 | Unicode |
|---|---|---|---|
| 引号 | “ ” | “ ” | U+201C U+201D |
| 破折号 | —— | — | U+2014 |
| 省略号 | … | … | U+2026 |
| 商标 | ™ | ™ | U+2122 |
| 注册商标 | ® | ® | U+00AE |
| 版权 | © | © | U+00A9 |
| 度 | ° | ° | U+00B0 |
| 乘号 | × | × | U+00D7 |
| 正负 | ± | ± | U+00B1 |
| 箭头 | → | → | U+2192 |
常用特殊字符速查
常见问题
命名实体和数字实体哪个更好?
命名实体更易读、好维护;数字实体兼容性最好、能表达任意码点。混用无妨,关键是编辑器/环境支持。
为什么有的符号没有命名实体?
HTML 只为标准字符定义了有限命名实体,新 Unicode 符号往往只有数字实体。用 &#xXXXX; 即可覆盖。
实体和 UTF-8 直接存字符冲突吗?
不冲突。现代站点多用 UTF-8 直接存字符;实体主要用于必须转义、或需要语义清晰的场合。
什么是不可见字符?怎么排查?
常见的有:U+00A0 不换行空格(看起来像空格但不会被 HTML 合并,常导致布局奇怪或复制粘贴出错)、U+200B 零宽空格(完全不可见,常混入复制的文本导致校验失败)、U+FEFF BOM(文件开头,可能导致 PHP 输出警告或 JSON 解析失败)、U+2028/2029 行/段分隔符(会破坏 JS 字符串字面量)。排查方法:粘贴到支持显示不可见字符的编辑器(VS Code 装 highlight-bad-chars 插件),或用代码检查字符的 Unicode 码位。
为什么从 Word 复制的文本有奇怪符号?
Word 会自动把直引号 " 换成弯引号 “ ”、把 -- 换成破折号 ——、把 ... 换成省略号 …(称为「自动更正」)。这些是合法 Unicode 字符,但如果粘贴到代码、配置文件或需要精确匹配的场景就会出错(例如 JSON 里的弯引号会解析失败)。解决办法:粘贴时用「纯文本粘贴」(Ctrl+Shift+V),或先粘到纯文本编辑器中转一道。写文档时建议在 Word 里关闭自动更正。
