🎯 在线HTML转义工具能做什么？
在线HTML转义工具可以将HTML中的特殊字符转义为HTML实体（如 < 替换 <），或将HTML实体还原为原始字符。这是防止XSS跨站脚本攻击和正确显示HTML代码片段的关键步骤。
💡 适用场景：防止XSS攻击（转义用户输入）、在网页上展示HTML代码、富文本内容安全处理、HTML实体解码还原。
📖 使用教程
1 HTML转义（编码）
操作步骤：
- 打开 /tool/html-escape/
- 在输入框中粘贴需要转义的HTML代码
- 选择「转义（编码）」模式
- 点击转换，特殊字符变为HTML实体
- 复制转义后的代码使用
实战案例：
输入：
转义 → 输出：<script>alert("XSS")</script>
转义后的代码在网页上会显示为文本而非执行脚本。
2 HTML反转义（解码）
输入：<h1>Hello & Welcome</h1>
解码 → 输出：Hello & Welcome
适合从HTML源码中还原实际内容。
3 博客/文档中展示代码
在技术博客中展示HTML代码时，需要转义：
- 写好要展示的HTML代码片段
- 复制到HTML转义工具转义
- 将转义后的内容放入
<pre><code>标签中 - 读者看到的是代码原文，不会渲染执行
💡 使用技巧
- XSS防护：在输出用户提交的内容前，先做HTML转义
- 批量转义：支持大段HTML代码批量转义
- 双向操作：编码和解码一键切换，方便检查
- 配合URL编码：同时使用 URL编码工具 处理链接参数
📋 常见场景
| 场景 | 操作 | 说明 |
|---|---|---|
| 防止XSS攻击 | 转义 | 对用户输入内容转义后再输出 |
| 技术博客代码展示 | 转义 | 展示HTML代码片段 |
| 富文本内容处理 | 转义 | 确保内容不含恶意代码 |
| HTML源码阅读 | 解码 | 将实体还原为可读字符 |
❓ 常见问题
Q: 哪些字符会被转义？
A: 主要转义五个字符：& < > " ' 分别转为 & < > " '。
Q: 转义和URL编码有什么区别？
A: HTML转义是处理HTML中的特殊字符，URL编码是处理URL中的特殊字符（如中文→%XX）。两者用途不同。
Q: 转义后还能恢复吗？
A: 可以。使用解码模式即可将HTML实体还原为原始字符。