🔍

首页 › 使用教程 › 开发与效率

HTML 实体编码解码教程:< > & 等特殊字符怎么转义

发布于 · 阅读约 2 分钟 · 用到的工具:HTML 实体编码解码

一句话答案

HTML 里 < > & " 等字符有特殊含义,要显示它们本身需写成 &lt; &gt; &amp; &quot; 等实体。用 HTML 实体编码解码工具选择“编码”“编码含非 ASCII”或“解码”,粘贴文本即可得到结果。

本文目录
  1. 常见 HTML 实体
  2. 操作步骤
  3. 三种模式怎么选
  4. 和防 XSS 的关系
  5. 常见问题

在 HTML 中,< 表示标签开始,& 表示实体开始。想在网页上原样显示一段代码,或者在属性里写引号,就需要把这些字符写成“实体”。反过来,从网页源码或接口里拿到的文本常常带着 &amp;、&quot; 这样的实体,需要还原。HTML 实体编码解码 可以双向转换。

常见 HTML 实体

字符实体名称数字实体说明
<&lt;&#60;小于号,标签开始
>&gt;&#62;大于号
&&amp;&#38;和号,实体开始
"&quot;&#34;双引号,属性值中使用
'&apos;(HTML5)&#39;单引号,旧浏览器建议用数字实体
不换行空格&nbsp;&#160;不会被合并或换行的空格
©&copy;&#169;版权符号

操作步骤

  1. 选择操作:打开 HTML 实体编码解码,在“操作”中选择“编码”“编码含非ASCII”或“解码”。
  2. 输入文本:在输入框粘贴要处理的内容,结果会实时显示在下方。
  3. 检查结果:编码后 < 变成 &lt;,& 变成 &amp;;解码则相反。
  4. 复制使用:复制结果,粘贴到 HTML 源码或需要的地方。
一段带链接的 HTML 编码后,< > & 和引号都变成了实体
一段带链接的 HTML 编码后,< > & 和引号都变成了实体
🏷️ HTML 实体编码解码
免费在线使用,文件和数据只在你的浏览器本地处理,无需注册。
打开工具 →

示例中输入 <a href="/s?q=1&n=2">Tom & Jerry</a>,编码结果为 &lt;a href=&quot;/s?q=1&amp;n=2&quot;&gt;Tom &amp; Jerry&lt;/a&gt;,粘贴到网页中会原样显示这段代码,而不会变成链接。

三种模式怎么选

  • 编码:只转义 < > & " ' 等 HTML 特殊字符,中文保持不变,最常用;
  • 编码含非ASCII:把中文、表情等非 ASCII 字符也转成数字实体,适合只支持 ASCII 的旧系统;
  • 解码:把实体还原成普通字符。

和防 XSS 的关系

把用户输入的内容输出到网页前进行 HTML 转义,浏览器就会把 <script> 当作文本显示,而不会执行,这是防止 XSS 攻击的基础措施之一。实际开发中应使用框架或模板引擎自带的转义功能,并根据输出位置(HTML 正文、属性、JavaScript、URL)选择对应的转义方式;网址参数的编码请看 URL 编码解码。

常见问题

&amp; 是什么意思?

&amp; 是 & 符号的 HTML 实体。在 HTML 中 & 用来开始一个实体,所以要显示 & 本身时写成 &amp;。

&nbsp; 和普通空格有什么区别?

普通空格连续多个时会被浏览器合并成一个,并且可以在此处换行;&nbsp; 不会被合并,也不会在此处断行。

中文需要 HTML 编码吗?

使用 UTF-8 编码的网页不需要,中文可以直接写。只有在系统只支持 ASCII 时才需要用“编码含非ASCII”转成数字实体。

HTML 编码和加密一样吗?

不一样。HTML 实体编码可以直接还原,只是为了让字符正确显示,不提供任何保密性。