HTML 实体转义

HTML 特殊字符与实体的双向转换,防止 XSS 和页面错乱。

什么是 HTML 实体转义?

HTML 实体转义是把 HTML 中具有特殊含义的字符转换为实体表示的过程。在 HTML 里,< 和 > 会被解析为标签边界,& 会开启实体引用,双引号和单引号会干扰属性值的界定。如果直接把用户输入的代码片段插入页面,浏览器可能把它当作标签执行,造成 XSS 攻击或页面错乱。转义成 &lt; &gt; 等实体后,浏览器会原样显示这些字符,从而实现安全展示。

本工具支持五个字符的双向转换:&(&amp;)、<(&lt;)、>(&gt;)、"(&quot;)、'(&#39;),其中 & 必须最先处理以避免二次转义。反转义支持常见的大小写变体(如 &LT; 与 &lt;)并循环处理多层嵌套实体。典型场景:把代码片段粘贴进博客、论坛、邮件模板时先转义,把抓取到的实体文本还原成可读原文时使用反转义。全部在浏览器本地完成。

使用步骤

  1. 将需要处理的文本粘贴到输入框;
  2. 点击「转义 → 实体」把特殊字符转换为实体,或点击「反转义 ← 原文」把实体还原为原始字符;
  3. 转换结果立即显示在结果区,可继续编辑;
  4. 点击「复制」按钮将结果一键复制到剪贴板。

常见问题

为什么要转义 HTML 特殊字符?
在 HTML 中 < > & " ' 等字符有特殊含义,直接插入会被浏览器当作标签或属性解析。转义成实体(例如 <)后可以安全地原样显示,防止 XSS 注入和页面结构错乱。
转义和反转义有什么区别?
转义把特殊字符变成实体表示(< 等),反转义把实体还原为原始字符(< 变回 <),两者互为逆操作。
哪些字符会被转义?
本工具转义 & < > " ' 五个字符,其中 & 必须最先处理;其余普通字符和中文原样保留。
转义后的内容适合放在哪里?
适合粘贴进 HTML 源码、博客编辑器源码模式、邮件模板或任何需要原样展示代码片段的场景,可以避免代码被浏览器误解析。