HTML特殊字符转义对照表

最全HTML特殊字符转义对照表,包含常用HTML实体字符、特殊符号、数学符号、箭头、希腊字母等,支持实体名称、十进制、十六进制互查。

字符 实体名称 十进制 十六进制 说明

工具介绍

了解HTML特殊字符转义对照表工具的功能特点和使用方法

什么是HTML实体?

HTML实体(HTML Entity)是HTML中用于表示特殊字符的一种方式。在HTML中,有些字符是预留的,不能直接在文本中使用,比如小于号<不能直接写,因为浏览器会把它当作HTML标签的开始。这时候就需要使用HTML实体来表示这些特殊字符。

HTML实体的表示方式

  • 实体名称(Entity Name):以&开头,以;结尾,中间是实体的名称,如&、<、©等。优点是可读性好,容易记忆。
  • 十进制编码(Numeric Character Reference):以&#开头,以;结尾,中间是字符的Unicode十进制编码,如&、<、©等。
  • 十六进制编码:以&#x开头,以;结尾,中间是字符的Unicode十六进制编码,如&、<、©等。

为什么需要HTML转义?

  • 防止XSS攻击:将用户输入的特殊字符转义后再输出到页面,可以防止跨站脚本攻击。
  • 显示HTML代码:如果想在网页上展示HTML代码,需要将HTML标签转义为实体字符。
  • 显示特殊字符:一些特殊符号(如版权符号、注册商标符号等)可以通过HTML实体来显示。
  • 避免语法错误:HTML预留字符(如<、>、&、"、'等)必须转义,否则可能导致HTML解析错误。

常用HTML实体速记

  • &amp; - &符号 (Ampersand)
  • &lt; - 小于号 (Less Than)
  • &gt; - 大于号 (Greater Than)
  • &quot; - 双引号 (Double Quote)
  • &apos; - 单引号 (Single Quote)
  • &nbsp; - 不间断空格 (Non-breaking Space)
  • &copy; - 版权符号 (Copyright)
  • &reg; - 注册商标 (Registered Trademark)
  • &trade; - 商标符号 (Trademark)

如何使用本工具?

1. 在搜索框中输入字符、实体名或描述,快速查找;

2. 点击分类标签,按类型(基础字符、标点、箭头、数学、希腊字母等)筛选;

3. 查看字符的实体名称、十进制编码和十六进制编码;

4. 在HTML开发中参考使用。

常见问题

关于HTML特殊字符转义的常见问题解答

HTML实体区分大小写吗? +
是的,HTML实体名称区分大小写。例如&lt;和&LT;是不同的,只有&lt;是正确的小于号实体。但数字编码(十进制和十六进制)不区分大小写,如<和<都是正确的。
&nbsp;和普通空格有什么区别? +
&nbsp;是不间断空格(Non-breaking Space),它有两个特点:1. 不会被浏览器自动折行,两个用&nbsp;连接的单词会始终在同一行;2. 多个连续的&nbsp;不会被合并,而普通空格在HTML中会被合并为一个。
哪些字符必须转义? +
在HTML中,必须转义的字符主要有:&(&)、<(&lt;)、>(&gt;)、"(&quot;)、'(&apos;)。其中<和&是绝对必须转义的,因为它们可能被浏览器解析为标签或实体的开始。>、"、'在某些情况下可以不转义,但建议始终转义以确保安全。
HTML转义和URL编码有什么区别? +
HTML转义用于HTML文档中,将特殊字符转换为HTML实体,格式是&name;或&#number;;URL编码用于URL地址中,将特殊字符转换为%加十六进制数的格式,如空格编码为%20。两者是不同的编码方式,应用场景不同。
如何在JavaScript中进行HTML转义? +
在JavaScript中,可以通过创建一个DOM元素,设置其textContent,然后获取innerHTML的方式来进行HTML转义。例如:var div = document.createElement('div'); div.textContent = '