HTML转义字符，HTML特殊字符

导航：什么是转义字符？ | 常用转义字符 | 转义字符组成 | 空格转义 | 常用转义字符分类 | 转义字符大全 | 字符串转义代码

什么是HTML及转义字符？

HTML（HyperText Markup Language）超文本标记语言是一种用于创建网页的标准标记语言，不仅可以在网页上显示文字，还可以显示图片、视频等多媒体信息。

HTML转义字符英文全称是HTML Character Entities，也叫字符实体，由于HTML本身对于一些符号己经定义了作用，如 < 小于号表示HTML标签的开始，> 大于号表示HTML标签的结束，还有空格、&等符号在HTML中有特殊含义，如果直接使用会被当成HTML的一个标签，无法正常显示在网页上。

比如常用的 <div> 标签，直接使用是什么也不会显示的，因为它表示一个HTML标签，如果想要在网页上显示  <div>，就要用一些特殊的编码符号代替 < > 这些符号，HTML解释器遇到这些编码就会显示其所对应的符号，这些特殊编码就是HTML转义字符（由于直接翻译叫字符实体，并不符合我们的使用习惯，所以本文统一称为转义字符）。

比如，要在网页上显示小于号 < 就在HTML代码中使用 &lt; 或 &#60;

除了已经预定义的HTML符号，还有以下这些情况使用转义字符：

1、键盘不支持输入的符号，如版权符号 © 就要用 &copy; 来代替方便输入；

2、编辑器不支持特殊符号的输入；

3、需要在页面中显示多个空格，要使用空格的转义字符 &nbsp; 。

简而言之，HTML转义字符（字符实体）是用特殊编码表示超文本标记语言HTML中的一些特殊符号，在HTML网页上使用的各种符号，常见的如空格，大于、小于号，引号等。

常用转义字符表

注：转义编号的数字可以使用十六进制，只需在#号后加x，如&#60;十六进制表示为&#x3C;

HTML转义字符的组成

转义字符由三个部分组成：

一个和号 & 开始，中间一个转义名称或者 # 和一个转义编号，以及末尾一个分号 ; 。

名称和编号只是表示方式不同，在网页中的显示效果是一样的，转义名称一般由英文单词或英文缩写组成，方便记忆，比如 < 的转义字符是 &lt; 实际上是 less than 的缩写。

名称和编号可以理解为域名和IP地址的概念，转义名称和域名都是为了方便人类记忆使用的，对于计算机来说最终都是要转换成数字才可以处理。

另外转义名称是区分大小写的，也就是说在使用转义名称时大小写敏感，不能随意使用大小写。

转义名称可能存在部分浏览器不兼容而无法显示的问题，而转义编号不存在这种问题。

HTML中的空格

空格是一个特殊的字符，在HTML文件中，多个连续的空格被当做一个空格处理（<pre>...</pre>之间的内容除外），标签外的空格也不会被显示，所以如果想要段落前空两格，直接输入四个空格是达不到效果的，只会显示成一个空格。

这时候有三种方案：

1、直接输入四个空格转义字符&nbsp;&nbsp;&nbsp;&nbsp;

2、先输入一个空格再输入一个转义字符，重复如此

3、第一个字符输入一个空格，其作三个使用转义字符，或前三个转义字符加最后一个空格

常用HTML转义字符分类

箭头符号

数学符号

图形符号

希腊字母

HTML转义字符大全

HTML 4 Character Entities，HTML 4 转义字符大全

特殊符号

HTML转义字符 123.5ikfc.com/html/character.html

转义字符串程序代码

使用Python可以很方便的将字符串转换成转义字符串，只需要两行代码：

import html
print(html.escape('<a href="http://123.5ikfc.com">123.5ikfc.com</a>'))

输出结果如下：

&lt;a href=&quot;http://123.5ikfc.com&quot;&gt;123.5ikfc.com&lt;/a&gt;

使用Javascript可以通过innerText和innerHTML属性返回转义字符串：

function htmlEntities(html){
 var text = document.createTextNode(html);
 var p = document.createElement('p');
 p.appendChild(text);
 return p.innerHTML;
}

此函数可以返回转义后的字符串，但是引号不会被转义，如果有需要可以对返回结果replace处理一下即可。