HTML实体编解码
支持 HTML 实体的编码与解码,可转换 & < > " ' 等特殊字符,防止 XSS 与页面结构破坏。
HTML 实体编解码
HTML 实体编解码工具使用指南
📌 简介
HTML 实体编解码工具是一款面向 Web 开发者的在线辅助工具,用于将 HTML 中的特殊字符(如 <、>、&、"、')编码为实体形式,或将实体还原为原始字符。这在防止 XSS 攻击、展示 HTML 源码、避免页面结构被破坏等场景中非常重要。本工具所有运算均在浏览器本地完成。
📖 什么是 HTML 实体?
HTML 实体(HTML Entity)是一种特殊的字符表示方式。由于 HTML 中 <、> 等字符具有语法含义,直接在文本中使用会导致浏览器解析错误,因此需要用实体代替。常见的实体包括 <(代表 <)、>(代表 >)、&(代表 &)、"(代表 ")等。此外,还可以使用数字实体如 < 表示 <。
💼 常见应用场景
- 防止 XSS 攻击: 在用户输入的内容展示到页面前,将特殊字符编码避免注入攻击。
- 展示代码片段: 在博客或文档中展示 HTML 代码时,需要将 <、> 编码。
- 模板渲染: 部分模板引擎使用实体化输出防止内容被解析。
- 邮件内容: 邮件正文中的特殊字符需要 HTML 实体化以避免显示异常。
⚙️ 使用步骤
- 将需要处理的 HTML 源码或文本粘贴到左侧输入框。
- 点击“HTML 编码”将特殊字符转为实体形式(仅转换 < > & " ')。
- 点击“编码全部字符”将所有字符都转为数字实体(更彻底的转义)。
- 点击“HTML 解码”将实体还原为原始字符。
⚠️ 注意事项
- 普通场景推荐使用“HTML 编码”(仅转义特殊字符),保留文本的可读性。
- “编码全部字符”会将所有字符(包括中文)转为 &#数字; 形式,会导致源码非常长,仅在特殊场景下使用。
- 本工具不处理 JavaScript 或 CSS 中的编码,如需处理请使用专门的工具。
❓ 常见问题 (FAQ)
Q: HTML 编码能防止 XSS 吗?
A: 在一定程度上可以。将用户输入的 <script> 编码为 <script> 后浏览器就不会执行。但完整的 XSS 防护还需要结合 CSP、输入验证等措施。
Q: &nbsp; 是什么?
A: &nbsp; 是 HTML 中表示“不换行空格”的实体。解码后会显示为一个空白字符。
Q: 数字实体和字符实体有什么区别?
A: 字符实体(如 <)由实体名组成,容易阅读;数字实体(如 <)由字符编码组成,兼容性更强,但可读性差。