TEXT LAB / LIVEHTML 转义加载中
HTML 转义 - 文本工具 · 萤炬工具箱 · 工具说明与使用指南

HTML 转义 - 文本工具 · 萤炬工具箱

HTML 转义把 < > & " 这类在 HTML 里有语法含义的字符换成 &lt; &gt; &amp; 等实体,让它们作为普通文字显示而不被当成标签解析;反向操作则把实体还原成原字符。写技术文档要展示一段标签源码、把用户输入安全地插进页面、或者反过来读取被转义过的接口返回内容时都会用到。处理常用 HTML 实体,…

HTML 转义把 < > & " 这类在 HTML 里有语法含义的字符换成 &lt; &gt; &amp; 等实体,让它们作为普通文字显示而不被当成标签解析;反向操作则把实体还原成原字符。写技术文档要展示一段标签源码、把用户输入安全地插进页面、或者反过来读取被转义过的接口返回内容时都会用到。

使用步骤

  1. 选择方向:转义或反转义。
  2. 粘贴 HTML 片段或已转义的文本。
  3. 查看结果,确认尖括号与引号处理正确。
  4. 复制结果。

功能与限制

  • 处理常用 HTML 实体,不覆盖全部命名实体表。
  • 仅做字符转换,不做 HTML 结构校验或标签白名单过滤。

常见问题

HTML 转义和 URL 编码有什么区别?
两者解决不同层的冲突。HTML 转义针对 HTML 解析器,把 < 变成 &lt;;URL 编码针对 URL 规范,把空格变成 %20。同一段内容进 URL 用 URL 编码,进页面正文用 HTML 转义,用错了照样出问题。
转义能防住 XSS 吗?
在「把内容插入 HTML 正文」这个位置上,转义是有效防线。但插入到属性值、script 标签内、on 事件、href 的 javascript: 协议等位置,规则各不相同,仅靠这一步不够,服务端仍要做完整校验。
为什么 &amp;amp; 会被反转义成 &amp;?
因为 &amp;amp; 就是 & 的转义形式。若原文本被转义了两次,需要连续反转义两轮才能拿回原始的 &,这是判断「重复转义」的常用方法。
单引号会被转义吗?
常规转义集合处理 & < > " 四个字符。单引号只在用单引号包裹属性值时才有风险,多数模板场景不必处理。