HTML 实体编码/解码器

在线将特殊字符(如 < > & " ')转换为 HTML 实体,或将实体还原为普通文本。开发者的得力助手。

快速插入常见特殊符号:

如何使用 HTML 实体编码器

  1. 在 左侧 框中输入普通的文本(包含特殊字符)。
  2. 右侧 框会自动显示转换后的 HTML 实体代码。
  3. 反之亦然:在右侧输入实体代码,左侧会还原为文本。
  4. 点击“复制”按钮一键获取结果。

在编写网页代码(HTML)时,某些字符具有特殊含义,例如小于号 < 用于定义标签的开始,大于号 > 用于定义标签的结束。 如果您想在网页上直接显示这些字符本身,而不是让浏览器将它们解释为代码,就必须使用 HTML 实体 (HTML Entities)。

此外,实体编码也是防止 XSS (跨站脚本攻击) 的重要手段之一。通过将用户输入的特殊字符转换为实体,可以防止恶意脚本在浏览器中执行。

常用 HTML 字符实体对照表

字符 描述 实体名称 (Name) 实体编号 (Number)
  不换行空格 &nbsp; &#160;
< 小于号 &lt; &#60;
> 大于号 &gt; &#62;
& 和号 (Ampersand) &amp; &#38;
" 双引号 &quot; &#34;
' 单引号 &apos; &#39;
© 版权符号 &copy; &#169;
® 注册商标 &reg; &#174;

常见问题 (FAQ)

什么是 HTML 实体 (HTML Entity)?
HTML 实体是一段以连字号(&)开头、以分号(;)结尾的文本(如 &lt;),用于显示 HTML 中的保留字符(如 <)或键盘上无法直接输入的字符(如 ©)。
为什么要使用 HTML 实体?
主要为了避免浏览器混淆。如果你在 HTML 中写了 <,浏览器会以为这是标签的开始。使用 &lt; 可以告诉浏览器“请显示小于号字符,不要把它当作代码”。此外,它也有助于防止恶意代码注入(XSS)。
&nbsp; 是什么意思?
它是 "Non-Breaking Space"(不换行空格)的缩写。普通的空格在 HTML 中会被合并(多个空格算一个),而且允许换行。而 &nbsp; 会强制显示一个空格,并且禁止在该空格处自动换行。
实体名称和实体编号有什么区别?
实体名称(如 &copy;)更容易记忆,但并非所有浏览器都支持所有的实体名称。实体编号(如 &#169;)对浏览器的兼容性更好。通常情况下,常见字符用名称即可。
所有的 Unicode 字符都有对应的实体名称吗?
不是。只有一部分常用的 Unicode 字符拥有易记的实体名称(如 &euro;)。但所有的 Unicode 字符都可以通过实体编号(如 &#8364;)来表示。
在 CSS 或 JavaScript 中能使用 HTML 实体吗?
不能直接使用 HTML 格式的实体(如 &copy;)。JavaScript 中应使用 Unicode 转义序列(如 \u00A9),CSS 中应使用如 \00A9 的格式。HTML 实体仅适用于 HTML 文档内容。
此工具支持 Emoji 编码吗?
支持。如果您输入 Emoji(如 😀),本工具会将其转换为对应的十进制实体编号(&#128512;),确保在所有编码环境下都能正确显示。
单引号需要转义吗?
HTML5 规范建议,如果属性值使用双引号包裹,单引号可以不转义。但如果在 JS 字符串或属性值中使用单引号,最好转义为 &apos; 或 &#39; 以避免截断或错误。

更多免费实用工具