为什么要用转义字符串？

HTML中<，>，&等有特殊含义（<，>，用于链接签，&用于转义），不能直接使用。这些符号是不显示在我们最终看到的网页里的，那如果我们希望在网页中显示这些符号，该怎么办呢？

这就要说到HTML转义字符串（Escape Sequence）了。

转义字符串（Escape Sequence）也称字符实体(Character Entity)。在HTML中，定义转义字符串的原因有两个：第一个原因是像“<”和“>”这类符号已经用来表示HTML标签，因此就不能直接当作文本中的符号来使用。为了在HTML文档中使用这些符号，就需要定义它的转义字符串。当解释程序遇到这类字符串时就把它解释为真实的字符。在输入转义字符串时，要严格遵守字母大小写的规则。第二个原因是，有些字符在ASCII字符集中没有定义，因此需要使用转义字符串来表示。

转义字符串的组成

转义字符串（Escape Sequence），即字符实体（Character Entity）分成三部分：第一部分是一个&符号，英文叫ampersand；第二部分是实体（Entity）名字或者是#加上实体（Entity）编号；第三部分是一个分号。

比如，要显示小于号（<），就可以写 &lt; 或者 < 。

用实体（Entity）名字的好处是比较好理解，一看lt，大概就猜出是less than的意思，但是其劣势在于并不是所有的浏览器都支持最新的Entity名字。而实体(Entity)编号，各种浏览器都能处理。

提示：实体名称（Entity）是区分大小写的。

备注：同一个符号，可以用“实体名称”和“实体编号”两种方式引用，“实体名称”的优势在于便于记忆，但不能保证所有的浏览器都能顺利识别它，而“实体编号”则没有这种担忧，但它实在不方便记忆。

如何显示空格？

通常情况下，HTML会自动截去多余的空格。不管你加多少空格，都被看做一个空格。比如你在两个字之间加了10个空格，HTML会截去9个空格，只保留一个。为了在网页中增加空格，你可以使用&nbsp;表示空格。

---

HTML特殊转义字符列表

• 最常用的字符实体Character Entities

显示	说明	实体名称	实体编号
	半方大的空白	 
	全方大的空白	 
	不断行的空白格	 
<	小于	&lt;	<
>	大于	&gt;	>
&	&符号	&amp;	&
"	双引号	&quot;	"
©	版权	&copy;	©
®	已注册商标	&reg;	®
™	商标（美国）	™	™
×	乘号	&times;	×
÷	除号	&divide;	÷

• ISO 8859-1 (Latin-1)字符集

  HTML 4.01 支持 ISO 8859-1 (Latin-1) 字符集。

  备注：为了方便起见，以下表格中，“实体名称”简称为“名称”，“实 体编号”简称为“编号”

显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号
	 		¡	¡	¡	¢	¢	¢	£	£	£	¤	¤	¤
¥	¥	¥	¦	¦	¦	§	§	§	¨	¨	¨	©	©	©
ª	ª	ª	«	«	«	¬	¬	¬	­	­	­	®	®	®
¯	¯	¯	°	°	°	±	±	±	²	²	²	³	³	³
´	´	´	µ	µ	µ	¶	¶	¶	·	·	·	¸	¸	¸
¹	¹	¹	º	º	º	»	»	»	¼	¼	¼	½	½	½
¾	¾	¾	¿	¿	¿	À	À	À	Á	Á	Á	Â	Â	Â
Ã	Ã	Ã	Ä	Ä	Ä	Å	Å	Å	Æ	Æ	Æ	Ç	Ç	Ç
È	È	È	É	É	É	Ê	Ê	Ê	Ë	Ë	Ë	Ì	Ì	Ì
Í	Í	Í	Î	Î	Î	Ï	Ï	Ï	Ð	Ð	Ð	Ñ	Ñ	Ñ
Ò	Ò	Ò	Ó	Ó	Ó	Ô	Ô	Ô	Õ	Õ	Õ	Ö	Ö	Ö
×	×	×	Ø	Ø	Ø	Ù	Ù	Ù	Ú	Ú	Ú	Û	Û	Û
Ü	Ü	Ü	Ý	Ý	Ý	Þ	Þ	Þ	ß	ß	ß	à	à	à
á	á	á	â	â	â	ã	ã	ã	ä	ä	ä	å	å	å
æ	æ	æ	ç	ç	ç	è	è	è	é	é	é	ê	ê	ê
ë	ë	ë	ì	ì	ì	í	í	í	î	î	î	ï	ï	ï
ð	ð	ð	ñ	ñ	ñ	ò	ò	ò	ó	ó	ó	ô	ô	ô
õ	õ	õ	ö	ö	ö	÷	÷	÷	ø	ø	ø	ù	ù	ù
ú	ú	ú	û	û	û	ü	ü	ü	ý	ý	ý	þ	þ	þ
ÿ	ÿ	ÿ

• 数学和希腊字母标志

  symbols, mathematical symbols, and Greek letters

显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号
ƒ	ƒ	ƒ	Α	Α	Α	Β	Β	Β	Γ	Γ	Γ	Δ	Δ	Δ
Ε	Ε	Ε	Ζ	Ζ	Ζ	Η	Η	Η	Θ	Θ	Θ	Ι	Ι	Ι
Κ	Κ	Κ	Λ	Λ	Λ	Μ	Μ	Μ	Ν	Ν	Ν	Ξ	Ξ	Ξ
Ο	Ο	Ο	Π	Π	Π	Ρ	Ρ	Ρ	Σ	Σ	Σ	Τ	Τ	Τ
Υ	Υ	Υ	Φ	Φ	Φ	Χ	Χ	Χ	Ψ	Ψ	Ψ	Ω	Ω	Ω
α	α	α	β	β	β	γ	γ	γ	δ	δ	δ	ε	ε	ε
ζ	ζ	ζ	η	η	η	θ	θ	θ	ι	ι	ι	κ	κ	κ
λ	λ	λ	μ	μ	μ	ν	ν	ν	ξ	ξ	ξ	ο	ο	ο
π	π	π	ρ	ρ	ρ	ς	ς	ς	σ	σ	σ	τ	τ	τ
υ	υ	υ	φ	φ	φ	χ	χ	χ	ψ	ψ	ψ	ω	ω	ω
?	ϑ	ϑ	?	ϒ	ϒ	?	ϖ	ϖ	•	•	•	…	…	…
′	′	′	″	″	″	‾	‾	‾	⁄	⁄	⁄	℘	℘	℘
ℑ	ℑ	ℑ	ℜ	ℜ	ℜ	™	™	™	ℵ	ℵ	ℵ	←	←	←
↑	↑	↑	→	→	→	↓	↓	↓	↔	↔	↔	↵	↵	↵
⇐	⇐	⇐	⇑	⇑	⇑	⇒	⇒	⇒	⇓	⇓	⇓	⇔	⇔	⇔
∀	∀	∀	∂	∂	∂	∃	∃	∃	∅	∅	∅	∇	∇	∇
∈	∈	∈	∉	∉	∉	∋	∋	∋	∏	∏	∏	∑	∑	∑
−	−	−	∗	∗	∗	√	√	√	∝	∝	∝	∞	∞	∞
∠	∠	∠	∧	∧	∧	∨	∨	∨	∩	∩	∩	∪	∪	∪
∫	∫	∫	∴	∴	∴	∼	∼	∼	∝	≅	≅	≈	≈	≈
≠	≠	≠	≡	≡	≡	≤	≤	≤	≥	≥	≥	⊂	⊂	⊂
⊃	⊃	⊃	⊄	⊄	⊄	⊆	⊆	⊆	⊇	⊇	⊇	⊕	⊕	⊕
⊗	⊗	⊗	⊥	⊥	⊥	⋅	⋅	⋅	?	⌈	⌈	?	⌉	⌉
?	⌊	⌊	?	⌋	⌋	?	⟨	〈	?	⟩	〉	◊	◊	◊
♠	♠	♠	♣	♣	♣	♥	♥	♥	♦	♦	♦

• 重要的国际标记

  markup-significant and internationalization characters

显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号	显示	名称	编号
"	&quot;	"	&	&amp;	&	<	&lt;	<	>	&gt;	>	Œ	&OElig;	Œ
œ	&oelig;	œ	Š	&Scaron;	Š	š	&scaron;	š	Ÿ	&Yuml;	Ÿ	ˆ	&circ;	ˆ
˜	&tilde;	˜		&ensp;			&emsp;			&thinsp;		‌	&zwnj;	‌
‍	&zwj;	‍	‎	&lrm;	‎	‏	&rlm;	‏	–	&ndash;	–	—	&mdash;	—
‘	&lsquo;	‘	’	&rsquo;	’	‚	&sbquo;	‚	“	&ldquo;	“	”	&rdquo;	”
„	&bdquo;	„	†	&dagger;	†	‡	&Dagger;	‡	‰	&permil;	‰	‹	&lsaquo;	‹
›	&rsaquo;	›	€	&euro;	€

---

JavaScript转义符

转义序列	字符
\b	退格
\f	走纸换页
\n	换行
\r	回车
\t	横向跳格 (Ctrl-I)
\'	单引号
\"	双引号
\\	反斜杠

来源：HTML转义字符：http://114.xixik.com/character/

Ps：有些特殊字符图案也可以用字体图标(比如阿里云矢量图标库)表示，兼容性 更好

HTML特殊转义字符 Javascript转义字符相关推荐

1. 【JavaScript转义字符对照表】

   [JavaScript转义字符对照表] 为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显 ...

2. Markdown | 转义字符 HTML | 转义字符库 | ASCII

   Markdown | 转义字符 & HTML | 转义 | ASCII Markdown 转义字符 HTML 转义字符 常用字符实体 符号实体库 数学符号库 希腊字母库 其他实体 ASCII码 ...

3. HTML转义字符、Javascript转义字符、HTML特殊字符对照表

   为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显示在我们最终看到的网页里的,那如果我们希 ...

4. JavaScript转义字符

   本篇文章由 泉州SEO www.234yp.com 整理发布,js教程 www.234yp.com/Article/188271.html 谢谢合作! js教程转义字符是字符的一种间接表示方式.在特殊 ...

5. tab键的转义字符_Python转义字符及用法

   在<Python字符串>一节中我们曾提到过转义字符,就是那些以反斜杠\开头的字符. ASCII 编码为每个字符都分配了唯一的编号,称为编码值.在 Python 中,一个 ASCII 字符除 ...

6. unicode html转义字符,HTML转义字符 Unicode和CSS伪类介绍(示例代码)

   CSS 伪类用于向某些选择器添加特殊的效果. a:link {color: #FF0000} /* 未访问的链接 */ a:visited {color: #00FF00} /* 已访问的链接 */ ...

7. mysql转义字符_MySQL 转义字符使用说明

   MySQL的转义字符"\" mfc_basic MySQL识别下列转义字符: \0 一个ASCII 0 (NUL)字符. \n 一个新行符. \t 一个定位符. 制符分隔 \r 一 ...

8. java转义字符(java转义字符对照表)

   JAVA转义字符\\ "|"在Java中是特殊字符,如果不加"\\"就按特殊含义处理,加上转义字符"\\"就说明"|"是 ...

9. oracle所有转义字符,Oracle 转义字符

   一.准备特殊数据 create table t_escape(s varchar2(50)); --show define -- define "&" (hex 26) - ...

最新文章

1. 【多线程】ThreadPoolExecutor类万字源码解析（注解超级详细）
2. ace nonblock
3. #地形剖面图_高中地理——每日讲1题（地形剖面图）
4. oracle 授权 传递,Oracle基础学习4--Oracle权限传递
5. 【sklearrn学习】朴素贝叶斯
6. 【转】c#中@的3种作用
7. 盒子模型实验报告总结_真刀真枪模块化（2）——图解Service模型
8. iPhone开发 调用wcf服务
9. 益智小游戏（app）
10. java反编译class文件，一种最最简单的方法
11. SpringBoot文件夹压缩下载实现示例
12. Oracle后台进程及其作用简介
13. 全球围剿下，苹果还能挺多久？
14. Kubernetes 学习笔记
15. 用天翎低代码做办公协同软件，简单高效
16. 英语“不规则”动词的“规律”
17. 2022-06-18 jQuery遍历方法:$.each()方法遍历对象或数组的示例
18. 2022年湖北助理工程师职称发证单位是哪里呢？甘建二告诉你
19. 华师计算机设计大赛,广东省首届高校大学生计算机设计大赛在华师举行
20. 汽车多重定位，实时定位追踪，远程查看汽车运行轨迹

热门文章

1. motan学习笔记 一 微博轻量级RPC框架Motan
2. 计算机二级基础知识点全部讲解,计算机二级基础知识点整理
3. confluence 使用笔记
4. 基于JAVA的企业信息员工管理系统的设计与实现（附：源码 论文 sql文件）
5. 首届 Rust China Hackathon Online 来啦！
6. Android：ping
7. 青蛙过河(二分+并查集)
8. 第七次人口普查，浙江县城人口怎么增加那么多？
9. 文华财经期货量化短线策略支撑压力指标公式，短线行情无未来函数多空均线红涨绿跌信号
10. 误删除了linux的raid1,RAID管理与恢复误删除文件