HTML字符映射

浏览和复制HTML字符实体

如何使用HTML字符映射

  1. 1输入或粘贴含特殊字符的文本。
  2. 2选择转换为 HTML 实体(如 © → ©)或反向还原。
  3. 3查看每个字符对应的实体名与编号,复制使用。

HTML 字符实体:名称与编号

字符 → 命名实体(©) 或 数字实体(© / ©)

HTML 实体让你在页面里插入键盘打不出、或会被误读为标签的字符,例如版权符号 ©、商标 ™、非断行空格。形式分『命名实体』(©)和『数字实体』(© 或十六进制 ©)。

命名实体可读性更好,但有些冷门符号只有数字实体;数字实体兼容性强,适合任意 Unicode 字符。

本工具列出每个字符的实体名与编号,方便在 HTML、邮件模板、富文本里精确插入特殊符号而不出错。

HTML 实体有两种写法:**实体名**(©,可读性好但支持有限)和**实体编号**(© 十进制或 © 十六进制,支持所有 Unicode 字符)。HTML5 定义了约 2000 个命名实体,但常用的就几十个。对于命名实体表里没有的字符,一律用编号形式。

**现代网页其实可以直接写 Unicode 字符**:只要页面声明了 UTF-8(<meta charset="utf-8">),©、→、中文、emoji 都能直接写,可读性和可维护性都更好,也利于搜索和复制。实体编码在今天主要用于两类场景:① 需要转义的 HTML 语法字符(< > &);② 键盘难以输入的特殊符号(如 &nbsp; 不换行空格、&shy; 软连字符)。**不要为了「保险」把整段文字都转成实体**,那会让源码难以阅读且增大文件体积。

类别字符HTML 实体Unicode
引号“ ”&ldquo; &rdquo;U+201C U+201D
破折号——&mdash;U+2014
省略号…&hellip;U+2026
商标™&trade;U+2122
注册商标®&reg;U+00AE
版权©&copy;U+00A9
度°&deg;U+00B0
乘号×&times;U+00D7
正负±&plusmn;U+00B1
箭头→&rarr;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 里关闭自动更正。

更多工具