TEXT LAB / LIVEHTML 转义加载中
HTML 转义 - 文本工具 · 萤炬工具箱 · 工具说明与使用指南
HTML 转义 - 文本工具 · 萤炬工具箱
HTML 转义把 < > & " 这类在 HTML 里有语法含义的字符换成 < > & 等实体,让它们作为普通文字显示而不被当成标签解析;反向操作则把实体还原成原字符。写技术文档要展示一段标签源码、把用户输入安全地插进页面、或者反过来读取被转义过的接口返回内容时都会用到。处理常用 HTML 实体,…
HTML 转义把 < > & " 这类在 HTML 里有语法含义的字符换成 < > & 等实体,让它们作为普通文字显示而不被当成标签解析;反向操作则把实体还原成原字符。写技术文档要展示一段标签源码、把用户输入安全地插进页面、或者反过来读取被转义过的接口返回内容时都会用到。
使用步骤
- 选择方向:转义或反转义。
- 粘贴 HTML 片段或已转义的文本。
- 查看结果,确认尖括号与引号处理正确。
- 复制结果。
功能与限制
- 处理常用 HTML 实体,不覆盖全部命名实体表。
- 仅做字符转换,不做 HTML 结构校验或标签白名单过滤。
常见问题
- HTML 转义和 URL 编码有什么区别?
- 两者解决不同层的冲突。HTML 转义针对 HTML 解析器,把 < 变成 <;URL 编码针对 URL 规范,把空格变成 %20。同一段内容进 URL 用 URL 编码,进页面正文用 HTML 转义,用错了照样出问题。
- 转义能防住 XSS 吗?
- 在「把内容插入 HTML 正文」这个位置上,转义是有效防线。但插入到属性值、script 标签内、on 事件、href 的 javascript: 协议等位置,规则各不相同,仅靠这一步不够,服务端仍要做完整校验。
- 为什么 &amp; 会被反转义成 &?
- 因为 &amp; 就是 & 的转义形式。若原文本被转义了两次,需要连续反转义两轮才能拿回原始的 &,这是判断「重复转义」的常用方法。
- 单引号会被转义吗?
- 常规转义集合处理 & < > " 四个字符。单引号只在用单引号包裹属性值时才有风险,多数模板场景不必处理。