web前端入门到实战：html转义特殊字符代码大全

注意：

使用数字代码或英文代码需要在代码后面加一个英文的分号「;」

第二列转义符号为使用数字代码或英文代码后得的的符号

html转义特殊字符代码大全

原符号	转义符号	数字代码	英文代码	解释
制表符		&#09		/t Horizontal tab
换行		&#10		/n Line feed
回车		&#13		/r Carriage Return
空格		&#32	&nbsp	’ ‘ Space
!	!	&#33		惊叹号Exclamation mark
”	"	&#34	&quot	双引号Quotation mark
#	#	&#35		数字标志Number sign
$	$	&#36		美元标志Dollar sign
%	%	&#37		百分号Percent sign
&	&	&#38	&amp	Ampersand
‘	‘	&#39		单引号Apostrophe
(	(	&#40		小括号左边部分Left parenthesis
)	)	&#41		小括号右边部分Right parenthesis
*	*	&#42		星号Asterisk
+	+	&#43		加号Plus sign
,	,	&#44		逗号Comma
-	-	&#45		连字号Hyphen
.	.	&#46		句号Period (fullstop)
/	/	&#47		斜杠Solidus (slash)
0	0	&#48		数字0 Digit 0
1	1	&#49		数字1 Digit 1
2	2	&#50		数字2 Digit 2
3	3	&#51		数字3 Digit 3
4	4	&#52		数字4 Digit 4
5	5	&#53		数字5 Digit 5
6	6	&#54		数字6 Digit 6
7	7	&#55		数字7 Digit 7
8	8	&#56		数字8 Digit 8
9	9	&#57		数字9 Digit 9
:	:	&#58		冒号Colon
;	;	&#59		分号Semicolon
<	<	&#60	&lt	小于号Less than
=	=	&#61		等于符号Equals sign
>	>	&#62	&gt	大于号Greater than
?	?	&#63		问号Question mark
@	@	&#64		Commercial at
A	A	&#65		大写A Capital A
B	B	&#66		大写B Capital B
C	C	&#67		大写C Capital C
D	D	&#68		大写D Capital D
E	E	&#69		大写E Capital E
F	F	&#70		大写F Capital F
G	G	&#71		大写G Capital G
H	H	&#72		大写H Capital H
I	I	&#73		大写J Capital I
J	J	&#74		大写K Capital J
K	K	&#75		大写L Capital K
L	L	&#76		大写K Capital L
M	M	&#77		大写M Capital M
N	N	&#78		大写N Capital N
O	O	&#79		大写O Capital O
P	P	&#80		大写P Capital P
Q	Q	&#81		大写Q Capital Q
R	R	&#82		大写R Capital R
S	S	&#83		大写S Capital S
T	T	&#84		大写T Capital T
U	U	&#85		大写U Capital U
V	V	&#86		大写V Capital V
W	W	&#87		大写W Capital W
X	X	&#88		大写X Capital X
Y	Y	&#89		大写Y Capital Y
Z	Z	&#90		大写Z Capital Z
[	[	&#91		中括号左边部分Left square bracket
\	\	&#92		反斜杠Reverse solidus (backslash)
]	]	&#93		中括号右边部分Right square bracket
^	^	&#94		插入符号Caret
_	_	&#95		下划线Horizontal bar (underscore)
`\|`	&#96		尖重音符Acute accent
a	a	&#97		小写a Small a
b	b	&#98		小写b Small b
c	c	&#99		小写c Small c
d	d	&#100		小写d Small d
e	e	&#101		小写e Small e
f	f	&#102		小写f Small f
g	g	&#103		小写g Small g
h	h	&#104		小写h Small h
i	i	&#105		小写i Small i
j	j	&#106		小写j Small j
k	k	&#107		小写k Small k
l	l	&#108		小写l Small l
m	m	&#109		小写m Small m
n	n	&#110		小写n Small n
o	o	&#111		小写o Small o
p	p	&#112		小写p Small p
q	q	&#113		小写q Small q
r	r	&#114		小写r Small r
s	s	&#115		小写s Small s
t	t	&#116		小写t Small t
u	u	&#117		小写u Small u
v	v	&#118		小写v Small v
w	w	&#119		小写w Small w
x	x	&#120		小写x Small x
y	y	&#121		小写y Small y
z	z	&#122		小写z Small z
{	{	&#123		大括号左边部分Left curly brace
				&#124		竖线Vertical bar
}	}	&#125		大括号右边部分Right curly brace
~	~	&#126		Tilde
?		&#127		未使用Unused
空格	?	&#160	&nbsp	Nonbreaking space
?	?	&#161	&iexcl	Inverted exclamation
￠	￠	&#162	&cent	货币分标志Cent sign
￡	￡	&#163	&pound	英镑标志Pound sterling
¤	¤	&#164	&curren	通用货币标志General currency sign
￥	￥	&#165	&yen	日元标志Yen sign
				&#166	&brvbar or &brkbar	断竖线Broken vertical bar
§	§	&#167	&sect	分节号Section sign
¨	¨	&#168	&uml or &die	变音符号Umlaut
?	?	&#169	&copy	版权标志Copyright
a	a	&#170	&ordf	Feminine ordinal
?	?	&#171	&laquo	Left angle quote, guillemet left
?	?	&#172	&not	Not sign 否号
	-	&#173	&shy	Soft hyphen 软连字符
?	?	&#174	&reg	注册商标标志Registered trademark
ˉ	ˉ	&#175	&macr or &hibar	长音符号Macron accent
°	°	&#176	&deg	度数标志Degree sign
±	±	&#177	&plusmn	加或减Plus or minus
2	2	&#178	&sup2	上标2 Superscrīpt two
3	3	&#179	&sup3	上标3 Superscrīpt three
′	′	&#180	&acute	尖重音符Acute accent
μ	μ	&#181	&micro	Micro sign
?	?	&#182	&para	Paragraph sign
·	·	&#183	&middot	Middle dot
?	?	&#184	&cedil	Cedilla
1	1	&#185	&sup1	上标1 Superscrīpt one
o	o	&#186	&ordm	Masculine ordinal
?	?	&#187	&raquo	Right angle quote, guillemet right
?	?	&#188	&frac14	四分之一Fraction one-fourth
?	?	&#189	&frac12	二分之一Fraction one-half
?	?	&#190	&frac34	四分之三Fraction three-fourths
?	?	&#191	&iquest	倒问号Inverted question mark
à	à	&#192	&Agrave	Capital A, grave accent
á	á	&#193	&Aacute	Capital A, acute accent
?	?	&#194	&Acirc	Capital A, circumflex
?	?	&#195	&Atilde	Capital A, tilde
?	?	&#196	&Auml	Capital A, di?esis / umlaut
?	?	&#197	&Aring	Capital A, ring
?	?	&#198	&AElig	Capital AE ligature
?	?	&#199	&Ccedil	Capital C, cedilla
è	è	&#200	&Egrave	Capital E, grave accent
é	é	&#201	&Eacute	Capital E, acute accent
ê	ê	&#202	&Ecirc	Capital E, circumflex
?	?	&#203	&Euml	Capital E, di?esis / umlaut
ì	ì	&#204	&Igrave	Capital I, grave accent
í	í	&#205	&Iacute	Capital I, acute accent
?	?	&#206	&Icirc	Capital I, circumflex
?	?	&#207	&Iuml	Capital I, di?esis / umlaut
D	D	&#208	&ETH	Capital Eth, Icelandic
?	?	&#209	&Ntilde	Capital N, tilde
ò	ò	&#210	&Ograve	Capital O, grave accent
ó	ó	&#211	&Oacute	Capital O, acute accent
?	?	&#212	&Ocirc	Capital O, circumflex
?	?	&#213	&Otilde	Capital O, tilde
?	?	&#214	&Ouml	Capital O, di?esis / umlaut
×	×	&#215	&times	乘号Multiply sign
?	?	&#216	&Oslash	Capital O, slash
ù	ù	&#217	&Ugrave	Capital U, grave accent
ú	ú	&#218	&Uacute	Capital U, acute accent
?	?	&#219	&Ucirc	Capital U, circumflex
ü	ü	&#220	&Uuml	Capital U, di?esis / umlaut
Y	Y	&#221	&Yacute	Capital Y, acute accent
T	T	&#222	&THORN	Capital Thorn, Icelandic
?	?	&#223	&szlig	Small sharp s, German sz
à	à	&#224	&agrave	Small a, grave accent
á	á	&#225	&aacute	Small a, acute accent
a	a	&#226	&acirc	Small a, circumflex
?	?	&#227	&atilde	Small a, tilde
?	?	&#228	&auml	Small a, di?esis / umlaut
?	?	&#229	&aring	Small a, ring
?	?	&#230	&aelig	Small ae ligature
?	?	&#231	&ccedil	Small c, cedilla
è	è	&#232	&egrave	Small e, grave accent
é	é	&#233	&eacute	Small e, acute accent
ê	ê	&#234	&ecirc	Small e, circumflex
?	?	&#235	&euml	Small e, di?esis / umlaut
ì	ì	&#236	&igrave	Small i, grave accent
í	í	&#237	&iacute	Small i, acute accent
?	?	&#238	&icirc	Small i, circumflex
?	?	&#239	&iuml	Small i, di?esis / umlaut
e	e	&#240	&eth	Small eth, Icelandic
?	?	&#241	&ntilde	Small n, tilde
ò	ò	&#242	&ograve	Small o, grave accent
ó	ó	&#243	&oacute	Small o, acute accent
?	?	&#244	&ocirc	Small o, circumflex
?	?	&#245	&otilde	Small o, tilde
?	?	&#246	&ouml	Small o, di?esis / umlaut
÷	÷	&#247	&divide	除号Division sign
?	?	&#248	&oslash	Small o, slash
ù	ù	&#249	&ugrave	Small u, grave accent
ú	ú	&#250	&uacute	Small u, acute accent
?	?	&#251	&ucirc	Small u, circumflex
ü	ü	&#252	&uuml	Small u, di?esis / umlaut
y	y	&#253	&yacute	Small y, acute accent
t	t	&#254	&thorn	Small thorn, Icelandic
?	?	&#255	&yuml	Small y, umlaut
?	?		&fnof
Α	Α		&Alpha
Β	Β		&Beta
Γ	Γ		&Gamma
Δ	Δ		&Delta
Ε	Ε		&Epsilon
Ζ	Ζ		&Zeta
Η	Η		&Eta
Θ	Θ		&Theta
Ι	Ι		&Iota
Κ	Κ		&Kappa
Λ	Λ		&Lambda
Μ	Μ		&Mu
Ν	Ν		&Nu
Ξ	Ξ		&Xi
Ο	Ο		&Omicron
Π	Π		&Pi
Ρ	Ρ		&Rho
Σ	Σ		&Sigma
Τ	Τ		&Tau
Υ	Υ		&Upsilon
Φ	Φ		&Phi
Χ	Χ		&Chi
Ψ	Ψ		&Psi
Ω	Ω		&Omega
α	α		&alpha
β	β		&beta
γ	γ		&gamma
δ	δ		&delta
ε	ε		&epsilon
ζ	ζ		&zeta
η	η		&eta
θ	θ		&theta
ι	ι		&iota
κ	κ		&kappa
λ	λ		&lambda
μ	μ		&mu
ν	ν		&nu
ξ	ξ		&xi
ο	ο		&omicron
π	π		&pi
ρ	ρ		&rho
?	?		&sigmaf
σ	σ		&sigma
τ	τ		&tau
υ	υ		&upsilon
φ	φ		&phi
χ	χ		&chi
ψ	ψ		&psi
ω	ω		&omega
?	?		&thetasym
?	?		&upsih
?	?		&piv
?	?		&bull
…	…		&hellip
′	′		&prime
″	″		&Prime
￣	￣		&oline
?	?		&frasl
?	?		&weierp
?	?		&image
?	?		&real
?	?		&trade
?	?		&alefsym
←	←		&larr
↑	↑		&uarr
→	→		&rarr
↓	↓		&darr
?	?		&harr
?	?		&crarr
?	?		&lArr
?	?		&uArr
?	?		&rArr
?	?		&dArr
?	?		&hArr
?	?		&forall
?	?		&part
?	?		&exist
?	?		&empty
?	?		&nabla
∈	∈		&isin
?	?		&notin
?	?		&ni
∏	∏		&prod
∑	∑		&sum
?	?		&minus
?	?		&lowast
√	√		&radic
∝	∝		&prop
∞	∞		&infin
∠	∠		&ang
∧	∧		&and
∨	∨		&or
∩	∩		&cap
∪	∪		&cup
∫	∫		&int
∴	∴		&there4
～	～		&sim
?	?		&cong
≈	≈		&asymp
≠	≠		&ne
≡	≡		&equiv
≤	≤		&le
≥	≥		&ge
?	?		&sub
?	?		&sup
?	?		&nsub
?	?		&sube
?	?		&supe
⊕	⊕		&oplus
?	?		&otimes
⊥	⊥		&perp
?	?		&sdot
?	?		&lceil
?	?		&rceil
?	?		&lfloor
?	?		&rfloor
?	?		&lang
?	?		&rang
?	?		&loz
?	?		&spades
?	?		&clubs
?	?		&hearts
?	?		&diams
“	"		&quot
&	&		&amp
<	<		&lt
>	>		&gt
?	?		&OElig
?	?		&oelig
?	?		&Scaron
?	?		&scaron
?	?		&Yuml
?	?		&circ
?	?		&tilde
	?		&ensp	半个空白位
	?		&emsp	一个空白位
	?		&thinsp	窄空格
	?	&#8204	&zwnj	零宽不连字
	?	&#8205	&zwj	零宽连字
	?		&lrm	隐式定向格式化字符Left-to-Right
	?		&rlm	隐式定向格式化字符Right-to-Left
–	–		&ndash
—	—		&mdash
‘	‘		&lsquo
’	’		&rsquo
?	?		&sbquo
“	“		&ldquo
”	”		&rdquo
?	?		&bdquo
?	?		&dagger	剑号，用来标志一个死者的姓名
?	?		&Dagger	双剑号
‰	‰		&permil	千分之
?	?		&lsaquo
?	?		&rsaquo
€	€		&euro	欧元

专门建立的学习Q-q-u-n ⑦⑧④-⑦⑧③-零①② 分享学习方法和需要注意的小细节，互相交流学习，不停更新最新的教程和学习技巧（从零基础开始到WEB前端项目实战教程，学习工具，全栈开发学习路线以及规划）

原文地址：https://blog.51cto.com/14592820/2467373

时间： 2024-10-08 18:30:50

web前端入门到实战：html转义特殊字符代码大全的相关文章

web前端入门到实战：编写CSS代码的8个策略，资深开发工程师总结

编写基本的CSS和HTML是我们作为Web开发人员学习的首要事情之一.然而,我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性. 我认为这主要是因为许多开发人员对组织CSS / HTML和JavaScript的策略缺乏深刻的理解. 在我和我们团队的观念中,编写可维护的前端代码非常重要.尽管我们有一些使用了多年的客户端,但要记住你永远不会是唯一一个工作于应用程序的人.仅仅因为你的一次性元素和配置对你有意义,并不意味着它们对下一个可能继承应用程序的人有意义. 为了防止这篇文章太长

web前端入门到实战：css选择器和css文本样式相关

[文章来源微信公众号:每天学编程]---关注,后台领取编程资源 css基础-css选择器和css文本样式相关: 使用link链入外部样式,页面加载时会同时加载样式 @import url("*.css");使用导入式,页面加载完后,才会加载样式链接伪类的顺序 :link-> :visited ->:hover-> :active 或者 : visited -> : link ->:hover-> :active 选择器的优先级: id选择器>

html转义特殊字符代码大全

html转义特殊字符代码大全注意: 使用数字代码或英文代码需要在代码后面加一个英文的分号「;」第二列转义符号为使用数字代码或英文代码后得的的符号原符号转义符号数字代码英文代码解释制表符 ; &#59 分号Semicolon < < &#60 &lt 小于号Less than = = &#61 等于符号Equals sign > > &#62 &gt 大于号Greater than ? ? &#63 问号Ques

web前端入门到实战：HTML字符实体，转义字符串

为什么要用转义字符串? HTML中<,>,&等有特殊含义(<,>,用于链接签,&用于转义),不能直接使用.这些符号是不显示在我们最终看到的网页里的,那如果我们希望在网页中显示这些符号,该怎么办呢? 这就要说到HTML转义字符串(Escape Sequence)了. 转义字符串(Escape Sequence)也称字符实体(Character Entity).在HTML中,定义转义字符串的原因有两个: 第一个原因是像"<"和">

web前端入门到实战：HTML-JS中的单双引混合处理原则

Web 开发时常会遇到链接中调用JS操作,如: <a href="#" onclick="showName('donhwa')">查看名字</a> 这里的名字? donhwa ,偶尔会带有单引,或双引,或兼有之. 这时,又要如何调整才不会暴脚本感叹号呢? 也许你我都经常遇到,偶尔调整一阵可以了就这样过了,没有总结下来. 下面是整理了一下的结果,记录一下. <html> <head> ? ? ? ? <titl

web前端入门到实战：CSS实现平行四边形布局效果

如何实现下图所示的平行四边形布局效果? 一.skewX的局限一提到平行四边形,条件反射般的就会想起CSS transform中的skew()/skewX()/skewY()方法,可以让元素斜切,从而实现平行四边形效果 HTML如下: <div class="input-x"> <input class="input" placeholder="您的姓名"> </div> CSS如下,形状的关键就是下面红色高亮

web前端入门到实战：CSS：scroll-snap滚动事件停止及元素位置检测

一.Scroll Snap是前端必备技能 CSS Scroll Snap是个非常好用的特性,可以让网页容器滚动停止的时候,无需任何JS代码的参与,浏览器可以自动平滑定位到指定元素的指定位置.类似幻灯片广告效果就可以纯CSS实现. 而且CSS Scroll Snap的兼容性非常好,移动端几乎可以放心使用. 二.源自实际项目的scroll-snap场景今天下午在实现一个功能需求的时候,正好遇到一个场景非常适合使用Scroll Snap来实现,滑动依次显示人物角色.于是就大胆使用了下,哇,好棒,无需

web前端入门到实战：CSS自定义属性+CSS Grid网格实现超级的布局能力

最近我还注意到的一件事就是CSS自定义属性.CSS自定义属性的工作方式有点像SASS和其他预处理器中的变量,主要的区别在于其它方法都是在浏览器中编译后生成,还是原本的CSS写法.CSS自定义属性是真正的动态变量,可以在样式表中或使用javascript即时更新,这使得它们具有更多的可能性.如果你熟悉JavaScript,我喜欢把预处理器变量和CSS自定义属性之间的区别想象成与const和let之间的区别相似--它们都有不同的用途. CSS自定义属性可以方便的实现很多功能(例如主题变化).最近我一

web前端入门到实战：CSS实现页面翻转正反两面展示不同的内容

要点: 1 页面旋转使用css3的rorateY(180deg) 实现页面的翻转 2 使用backface-visibility 实现正面元素翻转之后背面不可见,显示出反面的元素 demo: html <div> <div>反面的内容</div> <div>正面的内容</div> </div> css web前端开发学习Q-q-u-n: 767273102 ,分享学习的方法和需要注意的小细节,不停更新最新的教程和学习方法(详细的前端项