HTML 转义与反转义

什么是 HTML 转义？

HTML转义是指将HTML中具有特殊含义的字符替换为字符引用。例如，小于号表示为<，大于号表示为>，而“&”号表示为&。这样可以防止这些字符被解释为HTML标签，从而确保源代码和输入字符串在屏幕上以原始形式准确显示。

反转义的作用恰恰相反：它将 < 和 " 等字符引用转换回其原始符号。这对于检查日志、模板、CMS 内容、邮件正文、API 响应等中的转义字符串非常有用。

该工具不会将输入数据发送至服务器；而是完全在浏览器内通过 JavaScript 进行转换。即使处理敏感文本，其安全性也高于涉及网络通信的转换工具。 不过，在将转换结果嵌入网页时，请根据您使用的框架以及内容显示的位置，确认已采取适当的安全措施。

使用方法

1. 将您想要转换的 HTML 或字符引用粘贴到输入框中。
2. 请选择“转义 HTML”或“取消转义 HTML”。
3. 点击“转换”后，系统将自动跳转至结果页面。
4. 如有必要，请复制结果，或交换输入和结果的位置以进行逆向转换。

翻译示例

<div class="message">Tom & Jerry</div>
↓
&lt;div class=&quot;message&quot;&gt;Tom &amp; Jerry&lt;/div&gt;

使用注意事项

• 转义有助于生成用于显示的字符串，但不能替代 SQL 注入防护或 URL 编码。
• 如果将未经转义的字符串直接插入 `innerHTML` 或类似位置，根据内容的不同，可能会导致脚本被执行。
• 该工具主要用于转换 &、<、>、双引号和单引号。

常见问题解答

什么是 HTML 转义？

这包括将HTML中具有特殊含义的符号转换为字符引用，以便它们能作为文本安全地显示在屏幕上。

什么是 HTML 解转义？

此过程将 < 和 & 等字符引用转换回其原始字符 < 和 &。

输入的数据会发送至服务器吗？

不。转换过程完全由浏览器内的 JavaScript 完成。

哪些字符会被转换？

这主要涉及将“&”符号、小于号、大于号、双引号和单引号进行转换。

HTML 标签能否直接显示在屏幕上？

是的。如果您使用转义后的结果，它就不会被解释为标签，而是会作为字符串显示出来。

这能否作为防范跨站脚本攻击（XSS）的措施？

虽然这是在 HTML 正文内容中显示字符串的基本措施之一，但针对每个输出目标（如属性值、JavaScript 和 URL），都必须采取相应的措施。

这与URL编码有什么区别？

HTML转义针对的是HTML中的特殊字符，而URL编码则将无法在URL中使用的字符转换为百分比编码形式。

换行和空格也会被转换吗？

标准的换行和空格将保持原样。请通过 CSS、`br` 标签或其他方法，单独调整 HTML 显示中的换行。

如果进行双重转义会怎样？

例如，连字符 < 又被转换为 <。请注意，不要进行超过必要的多次转换。

我可以撤销这次转换吗？

是的。您可以通过交换输入值和结果值，并选择相反的转换方法来撤销该更改。

你能翻译大量文本吗？

在浏览器的处理能力和内存限制范围内，可以进行转换。处理非常大的数据集时，性能可能会变慢。