HTML 实体编码器 / 解码器

编码和解码 HTML 实体，以便在网页中安全显示

编码选项

所有编码和解码均在您的浏览器中本地完成。

关于 HTML 实体编码器 / 解码器

这款免费在线 HTML 实体编码器和解码器帮助您将特殊字符转换为 HTML 实体，反之亦然。HTML 实体用于显示 HTML 中的保留字符，否则这些字符会被解释为 HTML 代码。

例如，小于号 (<) 必须编码为 &lt; 才能在 HTML 中正确显示。这个工具让 HTML 实体的编码和解码变得快速而简单。

所有文本处理都在您的浏览器中本地完成 - 您的数据永远不会离开您的设备。

使用方法

  1. 粘贴或输入您的文本到输入区域
  2. 选择编码选项：
    • 命名实体： 转换为可读的实体名称，如 &lt;, &gt;, &amp;
    • 数字实体： 转换为十进制数字，如 &#60;, &#62;, &#38;
    • 十六进制实体： 转换为十六进制数字，如 &#x3C;, &#x3E;, &#x26;
  3. 点击编码将特殊字符转换为 HTML 实体
  4. 点击解码将 HTML 实体转换回常规字符
  5. 使用交换功能交换输入和输出文本
  6. 复制结果或下载为文本文件

功能特点

  • 编码为 HTML 实体： 将特殊字符转换为安全的 HTML 实体
  • 解码 HTML 实体： 将 HTML 实体转换回常规字符
  • 多种实体类型： 支持命名实体、数字（十进制）实体和十六进制实体
  • 灵活编码： 可编码所有字符或仅编码特殊字符
  • 交换输入/输出： 快速交换输入和输出之间的文本
  • 字符统计： 查看字符数和实体数
  • 复制到剪贴板： 一键复制功能
  • 下载为文件： 将结果保存为 .txt 或 .html 文件
  • 实时处理： 即时编码和解码

隐私与安全

您的隐私很重要。这个工具完全在您的浏览器中处理所有文本。

  • 不会向任何服务器发送数据
  • 不会记录或跟踪您的文本内容
  • 初始页面加载后可完全离线工作
  • 处理敏感 HTML 代码和内容非常安全

常见用例

  • Web 开发： 在 HTML 中安全显示用户输入或代码片段
  • 电子邮件模板： 为 HTML 电子邮件编码特殊字符
  • XML/RSS 源： 为 XML 文档编码内容
  • 内容管理： 准备文本以便数据库存储或显示
  • 代码文档： 显示 HTML 代码示例而不执行它们
  • SEO 和元标签： 在元描述中编码特殊字符
  • XSS 防护： 清理用户输入以防止跨站脚本攻击
  • 数据迁移： 在不同编码格式之间转换

关键术语与概念

HTML 实体

HTML 实体是一段以 & 符号开始、以分号 (;) 结束的文本字符串。实体用于显示保留字符（否则会被解释为 HTML 代码）以及在键盘上不容易输入的字符。

命名实体

命名实体使用易于记忆的描述性名称。例如：&lt; 代表小于号 (<)，&gt; 代表大于号 (>)，&amp; 代表 & 符号 (&)，&quot; 代表引号 (")，&nbsp; 代表不换行空格。

数字实体

数字实体使用基于 Unicode 码点的十进制数字来表示字符。例如：&#60; 代表 <，&#62; 代表 >，&#38; 代表 &。数字实体适用于任何 Unicode 字符。

十六进制实体

十六进制实体类似于数字实体，但使用十六进制（基数 16）数字而不是十进制。例如：&#x3C; 代表 <，&#x3E; 代表 >，&#x26; 代表 &。许多开发人员更喜欢十六进制实体，因为它们与 Unicode 表示法相匹配。

字符编码

字符编码是将字符转换为可以安全存储或传输的格式的过程。HTML 实体编码是专为 HTML 和 XML 文档设计的一种字符编码方法。

保留字符

HTML 中的保留字符是具有特殊含义且不能直接在内容中使用的字符。这些包括：<（小于）、>（大于）、&（&符号）、"（引号）和 '（撇号）。这些必须编码为 HTML 实体。

示例

示例 1：编码特殊字符

输入：

<div class="container">Hello & Welcome!</div>

输出（命名实体）：

&lt;div class=&quot;container&quot;&gt;Hello &amp; Welcome!&lt;/div&gt;

示例 2：解码 HTML 实体

输入：

Price: &pound;99.99 &ndash; Order now &rarr;

输出：

Price: £99.99 – Order now →

示例 3：数字实体与命名实体对比

原始字符： <

命名实体： &lt;

数字实体： &#60;

十六进制实体： &#x3C;

这三种格式都代表同一个字符，在浏览器中显示效果完全相同。

重要注意事项

浏览器支持： 所有 Web 浏览器都支持 HTML 实体。命名实体更易读，但可能不支持所有 Unicode 字符。数字和十六进制实体适用于任何字符。
编码要求： 并非所有字符都需要编码。只有保留字符（<, >, &, ", '）和可能无法正确显示的特殊 Unicode 字符才需要编码。
URL 编码与 HTML 编码： HTML 实体编码不同于 URL 编码。HTML 实体用于 HTML 内容，而 URL 编码用于网址。不要混淆两者。
性能： 对于大量文本，编码每个字符会显著增加文件大小。使用"仅编码特殊字符"选项以获得更好的性能。
双重编码： 小心不要对已经编码的文本进行编码。例如，再次编码 &lt; 会产生 &amp;lt;，在浏览器中会显示为 &lt; 而不是 <。
大小写敏感： 命名实体区分大小写。&Nbsp; 与 &nbsp; 不同。始终使用正确的大小写。
Advertisement