🔤 在线HTML实体编解码工具

使用教程

本工具整合了 HTML 实体编码、URL 编解码和 Unicode 转换三大功能，采用标签页切换的方式组织，操作简洁高效。以下是针对不同功能的详细使用步骤：

HTML 实体编码/解码：默认打开的是「HTML实体编码」标签页。在输入框中粘贴需要转换的文本，例如包含 <、>、& 等特殊字符的代码片段。点击「编码 →」按钮，工具会将这些字符转换为对应的 HTML 实体引用（如 <、>）。如果你希望将所有非 ASCII 字符也一并编码，可以勾选「完整编码」选项。勾选「使用十六进制实体」则会输出 < 格式而非十进制的 <。点击「← 解码」可将实体引用还原为原始字符。

URL 编解码：切换到「URL编解码」标签页。输入需要编码的 URL 或查询参数，点击「编码 →」即可转换为百分号编码格式（如空格变为 %20，中文变为 %E4%B8%AD）。勾选「使用 encodeURIComponent」选项会进行更严格的编码，适用于编码 URL 参数值而非完整 URL。点击「← 解码」可将编码后的 URL 还原。

Unicode 转换：切换到「Unicode转换」标签页。输入任意字符，点击「转义 →」会将其转换为 \uXXXX 格式的 Unicode 转义序列。勾选「大写十六进制」可使输出为大写形式（如 \u4E2D），勾选「补零至4位」可确保所有码点都是4位十六进制。点击「← 反转义」则将转义序列还原为原始字符。

应用场景

安全展示 HTML 源代码：在编写技术博客、文档或论坛帖子时，经常需要在网页中展示 HTML 代码片段。如果直接粘贴，浏览器会将其解析为实际标签，导致显示异常。使用本工具的 HTML 实体编码功能，可以安全地将代码转换为实体引用后粘贴，确保读者看到的是代码文本而非渲染结果。

URL 参数构造与调试：在开发 Web 应用或调用 REST API 时，经常需要将包含中文、空格或特殊符号的数据作为 URL 参数传递。手动编码容易出错且效率低下。使用 URL 编解码功能，可以快速准确地完成编码，避免因字符未正确转义导致的请求失败或安全问题。

跨平台字符处理：在 JavaScript、JSON 或某些不支持 Unicode 直接输入的编程环境中，需要将非 ASCII 字符（如中文、Emoji）转换为 \uXXXX 转义序列。Unicode 转换功能支持基本平面字符以及 Emoji 等补充平面字符（通过代理对或 \u{XXXXX} 语法），满足开发者的国际化字符处理需求。

扩展知识

HTML 实体的分类：HTML 实体分为命名实体（Named Entity，如 <）和数字实体（Numeric Entity，如 < 或 <）。命名实体只覆盖预定义的字符子集（约250个），而数字实体可以表示任意 Unicode 字符（超过14万个码点）。本工具在编码时会优先使用命名实体表示常见字符，完整编码模式下则将所有非 ASCII 字符转为数字实体。

URL 编码的 RFC 3986 标准：URL 编码遵循 RFC 3986 标准，规定 URL 中只能使用 ASCII 字符集的子集（unreserved 字符：A-Z、a-z、0-9、-、_、.、~）。其他字符必须通过 UTF-8 编码后再转为百分号格式。encodeURI 和 encodeURIComponent 的区别在于：前者保留 URL 结构字符（如 /、?、=），后者则会编码这些字符，因此后者更适合编码参数值。

Unicode 与 UTF-8 的关系：Unicode 是字符集标准，为每个字符分配唯一的码点（Code Point）。UTF-8 是将这些码点编码为字节序列的编码方式。URL 编码使用的是 UTF-8 字节序列的十六进制表示（如「中」的 Unicode 码点是 U+4E2D，UTF-8 编码为 E4 B8 AD，URL 编码为 %E4%B8%AD）。理解这一层次关系，有助于正确选择本工具的三种编码模式。