HTML 实体编码

HTML 实体编码与解码工具

HTML 实体 (HTML Entities) 是为了在网页中正确显示保留字符（如 <、>、& 等）而设计的一套编码规则。本工具可帮助前端开发者快速将代码或文本转换为安全的 HTML 实体编码，或将实体编码还原为正常文本。

✨ 核心功能

• 实体编码 (Encode)： 将输入的文本或 HTML 代码片段中的特殊字符（包含尖括号、双引号、单引号及和号）转义为实体字符。
• 实体解码 (Decode)： 将包含 <、" 等实体字符串还原为人类可读的原始符号。
• 防 XSS 必备： 在将用户输入的数据渲染到网页 DOM 之前，使用实体编码可以有效防止跨站脚本攻击 (XSS)。
• 原生 API 解析： 工具底层利用浏览器原生的 DOM 解析引擎进行安全转换，不依赖正则，结果绝对准确。

💡 为什么需要 HTML 实体？

在 HTML 语言中，某些字符具有特殊的语义。例如，小于号 < 用于定义 HTML 标签的开始。如果您希望浏览器在页面上原样显示一个小于号，而不是将其误认为是一个标签，您就必须在 HTML 源代码中使用字符实体 <。

📌 适用场景

• 代码展示： 在技术博客或教程中编写文章时，需要展示 HTML 源码（例如 <div>），需要先对其进行编码，否则会被浏览器直接渲染。
• 数据安全清洗： 手动处理用户提交的富文本或评论内容，将潜在的恶意 Script 标签编码使其失效。
• 爬虫数据处理： 抓取网页内容时，提取到的文本往往包含大量   等实体，使用本工具一键解码为纯文本。