HTML 实体转义

HTML 实体转义

在文本与 HTML 实体(& < > " ')之间互转

浏览器本地计算

输入原始文本后选择编码;输入实体字符串后选择解码。结果仅作为文本展示,不会执行其中的 HTML。

示例

输入

<p>A & B</p>

示例结果

&lt;p&gt;A &amp; B&lt;/p&gt;

再执行一次解码即可还原文本;结果不会作为 HTML 执行。

技术细节与边界

转义按单次扫描替换,避免同一轮把新生成的 &amp; 再次编码。解码支持 amp、lt、gt、quot、apos 及数字引用,不是完整的 HTML 命名实体词典。HTML 正文、属性、JavaScript 与 URL 的转义规则不同,不能用本工具代替上下文相关的输出处理。

关于此工具

将 &、<、>、双引号和单引号转为 HTML 实体,或还原常见实体与十进制、十六进制字符引用。用于在页面正文、代码示例和模板中展示原始标记;结果以纯文本显示。

适用场景

  • 把用户输入回显到 HTML 之前做转义,避免 XSS。
  • 在博客 / 文档里贴一段 HTML 代码作为示例。
  • 把接口返回的实体字符(`&amp;`、`&lt;`)还原成人可读文本。

操作步骤

  1. 把要处理的文本粘贴到输入框。
  2. 按 Escape 转义为 HTML 实体,或按 Unescape 解码回原文。

注意事项

仅支持五种常用命名实体及数字字符引用,未覆盖的名称如 &nbsp; 会原样保留。

常见问题

HTML 转义尖括号和引号有什么作用?
HTML转义可让尖括号与引号按文本显示,避免被误当成标记。小于号可写成&#60;,双引号可写成&#34;;本工具适合检查文本实体,脚本和属性输出仍需遵循对应上下文的转义规则。
HTML 数字实体十进制和十六进制怎么解码?
HTML数字实体可用十进制或十六进制表示同一码点。比如&#65;与&#x41;都表示字母A;本工具支持这2种数字引用,命名实体仅覆盖常见项目,不能当作完整实体词典使用。
HTML 转义两次为什么显示&amp;lt;?
HTML转义两次会把第一次生成的实体前缀再次转义,导致页面显示实体文本。小于号转义1次得到&lt;,转义2次得到&amp;lt;;应核对数据经过的处理层数,通常在实际输出处统一转义。

相关工具

HTML 实体转义 · 在文本与 HTML 实体(&amp; &lt; &gt; &quot; &#39;)之间互转
HTML 实体转义 — 工具示意图 · dayeku.com