FormLab

HTML 实体编解码

命名 / 十进制 / 十六进制三种格式实时转换,含浏览器渲染预览。

命名实体
十进制
十六进制

      

它能解决什么问题

HTML 实体是为了在 HTML 文本里安全地表达特殊字符(< & 等保留字符,或 © 中文这种非 ASCII)。本工具帮你:

使用技巧

  • 属性值要双编码:在 <div title="&copy;"> 中,属性里的 &copy; 会被解析一次;如果再写到 JS 字符串里,还要 escape 一次。
  • 命名实体区分大小写:&AMP; 与 &amp; 是不同的两个实体(前者 = ALPHA 希腊字母,后者 = &)。
  • 不要用本工具做完整 HTML 转义:本工具只是字符级替换。完整 HTML 转义请用 DOMParser / 框架的转义函数(如 React JSX 自动转义)。
  • 不在 HTML 里的字符不用转义:例如在 JS 字符串里,写 "hello" 即可,不用写 &quot;。

FAQ

为什么命名实体只有那么多?

HTML 规范只定义约 250 个命名实体(用于历史兼容性)。其他字符可以用十进制或十六进制。任何码点都支持 &#N; 与 &#xN;。

用「HTML 实体编解码」时最容易踩的坑是什么?常见的易错点集中在四处:一是把百分数和小数混着填,比如 20 填成了 0.2;二是漏填选填项后直接按默认值算,得到一个看起来正常但不是你想要的数;三是中途改了其中一个输入却忘了重新计算,页面上还留着上一轮的旧结果;四是把页面上写的「参考值」当成了「准确值」往对外的材料里搬。改完任何一项输入,都重新点一次计算按钮再读结果。
「HTML 实体编解码」的适用边界在哪里?HTML 实体双向转换,支持命名实体、十进制、十六进制三种格式;内置常用实体表与实时预览。所有处理在浏览器本地完成。 换句话说,它解决的是「按你给的条件做一次快速估算」这一类问题,不适用于需要查权威数据、核对官方文件,或者要逐条审合同、做专业判断的场景。凡是结果会直接影响到花钱、签约、对外承诺的事情,都应该回到原始资料和官方口径再确认一次,把这里的输出当作中间的一步,而不是终点。
「HTML 实体编解码」的结果应该怎么看?先看最后给出的那个数值,再回到这一段解释里对照:HTML 实体双向转换,支持命名实体、十进制、十六进制三种格式;内置常用实体表与实时预览。所有处理在浏览器本地完成。 看的时候把「数值本身」和「数值成立的前提」分开看,前者是你填进去的东西算出来的,后者决定了它在什么情况下才算数。数值变大或变小分别代表什么,页面在这一节里已经写清楚了。
拿到「HTML 实体编解码」的结果后可以直接照着做吗?把它当成做决定前的一份对照材料,比当成答案更稳妥:HTML 实体双向转换,支持命名实体、十进制、十六进制三种格式;内置常用实体表与实时预览。所有处理在浏览器本地完成。 这一页给出的是在当前输入下算出来的一个量级,它并不包含你的实际执行成本、突发情况和对方可能的变化。真正落地之前,再把结果和实际条件对一遍,看看哪些假设在现实里不成立。
HTML 实体编解码需要填写哪些信息?「HTML 实体编解码」一共用到 4 个输入项:输入(任意格式)、输出(同时显示三种格式)、浏览器渲染预览、解码结果(明文)。这些字段在页面上是按计算顺序排下来的,前面的输入会直接影响后面的结果,所以不要跳过看不懂的那一栏。建议先把每个数字的单位口径对齐再动手填,单位不统一是这类计算里最常见、也最容易被忽略的错误来源。
开始用「HTML 实体编解码」之前需要先确认什么?建议先确认三件事:一是你要解决的问题,是不是正好落在它的适用范围里,别拿一个相邻的工具硬套;二是手上每个数字的统计口径和时间点是否一致,比如同一年里有的按月、有的按年,直接混用会让结果失真;三是算完之后有没有留出复核的余地,比如把关键输入记下来,方便回看时知道当时用的是哪一组数。
谁适合用「HTML 实体编解码」,谁不适合?适合的是手上已经有明确数字、需要快速得到一个量级参考的人,比如在做预算草案、给同事对齐口径、或者上课前先估算一遍的人。不适合的是想把结果当精确值直接对外承诺的人,也是不适合连输入项口径都还没定下来就开始算的情况——这种情况下先花几分钟把口径理清,比算完之后再来回改数字省事得多。

相关工具