总结HTML/CSS中的特殊字符

零到壹度

发布时间：2018-04-20 11:05:32

6071人浏览过

来源于php中文网

原创

HTML有许多特殊的字符，您对此有多少了解？平时在WEB制作中，您又有用到多少？或者说你在平时使用之时，是否也会碰到，有许多特殊字符要如何打印出来？比如说“笑脸”，比如说“版权号”。要是你用时忘记了这些特殊字符，不要紧，请记住今天这个地址，你就随时可以查到这些特殊字符的表示方法。

简单的介绍一下其使用方法：

1、这些字符属于unicode字符集，你的文档需要声明为”utf-8“

2、列表符号后面有两列编号，第一列编号用于HTML文档中，需要在编号前面加上“”符号，比如说“向左箭头”符号对应的HTML编号是：“8672”，那么在文档中需要写成“⇠”;第二列编号用于CSS文档中，需要在编号前面加上反斜杠“”进行转义，比如说“向左箭头”符号对应的CSS编号是：“21E0”,那么在文档中需要写成“21E0”;同时第二列也可以用于JavaScript文档中，需要在编号前面加上“u”来进行转义，比如说“向左箭头”符号，在JavaScript文档中，我们就要写成“u21E0”.

使用的方法很简单，但要用好，我们还是需要注意一些细节上的要求：

1、有的字符在不同的浏览器下表现不太一样，比如“小雪人”在Firefox和Chrome下不太一样；

2、有的字符在某个浏览器下不会显示；

3、为了不造成损失，使用字符编码来代替某些符号时，请注意各个浏览器进行测试；

4、移动端对此支持度较差，特别是在Window phone下和UC浏览下器，直接无法显示。

基于上面几个不足之处，大家在使用过程请考虑周详，详细的列表请看：

箭头类
基本形状类
货币类
数学类
音乐符号类

立即学习“前端免费学习笔记（深入）”；
对错号
全都是星星
星座类
国际象棋类
扑克牌类

MOKI
MOKI是美图推出的一款AI短片创作工具，旨在通过AI技术自动生成分镜图并转为视频素材。

下载
希腊字母
十字
法律符号
标点和符号

⇠ 箭头类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
⇠	⇠	u21E0	21E0	⇢	⇢	u21E2	21E2
⇡	⇡	u21E1	21E1	⇣	⇣	u21E3	21E3
↞	↞	u219E	219E	↠	↠	u21A0	21A0
↟	↟	u219F	219F	↡	↡	u21A1	21A1
←	←	u2190	2190	→	→	u2192	2192
↑	↑	u2191	2191	↓	↓	u2193	2193
↔	↔	u2194	2194	↕	↕	u2195	2195
⇄	⇄	u21C4	21C4	⇅	⇅	u21C5	21C5
↢	↢	u21A2	21A2	↣	↣	u21A3	21A3
⇞	⇞	u21DE	21DE	⇟	⇟	u21DF	21DF
↫	↫	u21AB	21AB	↬	↬	u21AC	21AC
⇜	⇜	u21DC	21DC	⇝	⇝	u21DD	21DD
↚	↚	u219A	219A	↛	↛	u219B	219B
↮	↮	u21AE	21AE	↭	↭	u21AD	21AD
⇦	⇦	u21E6	21E6	⇨	⇨	u21E8	21E8
⇧	⇧	u21E7	21E7	⇩	⇩	u21E9	21E9
▲	▲	u25B2	25B2	►	►	u25BA	25BA
▼	▼	u25BC	25BC	◄	◄	u25C4	25C4
➔	➔	u2794	2794	➙	➙	u2799	2799
➨	➨	u27A8	27A8	➲	➲	u27B2	27B2
➜	➜	u279C	279C	➞	➞	u279E	279E
➟	➟	u279F	279F	➠	➠	u27A0	27A0
➤	➤	u27A4	27A4	➥	➥	u27A5	27A5
➦	➦	u27A6	27A6	➧	➧	u27A7	27A7
➵	➵	u27B5	27B5	➸	➸	u27B8	27B8
➼	➼	u27BC	27BC	➽	➽	u27BD	27BD
➺	➺	u27BA	27BA	➳	➳	u27B3	27B3
↷	↷	u21B7	21B7	↶	↶	u21B6	21B6
↻	↻	u21BB	21BB	↺	↺	u21BA	21BA
↵	↵	u21B5	21B5	↯	↯	u21AF	21AF
➾	➾	u27BE	27BE

❤ 基本形状类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
❤	❤	u2764	2764	✈	✈	u2708	2708
★	★	u2605	2605	✦	✦	u2726	2726
☀	☀	u2600	2600	◆	◆	u25C6	25C6
◈	◈	u25C8	25C8	▣	▣	u25A3	25A3
☻	☻	u263B	263B	☺	☺	u263A	263A
☹	☹	u2639	2639	✉	✉	u2709	2709
☎	☎	u260E	260E	☏	☏	u260F	260F
✆	✆	u2706	2706	�	�	uFFFD	FFFD
☁	☁	u2601	2601	☂	☂	u2602	2602
❄	❄	u2744	2744	☃	☃	u2603	2603
❈	❈	u2748	2748	✿	✿	u273F	273F
❀	❀	u2740	2740	❁	❁	u2741	2741
☘	☘	u2618	2618	❦	❦	u2766	2766
☕	☕	u9749	9749	❂	❂	u2742	2742
☥	☥	u2625	2625	☮	☮	u262E	262E
☯	☯	u262F	262F	☪	☪	u262A	262A
☤	☤	u2624	2624	✄	✄	u2704	2704
✂	✂	u2702	2702	☸	☸	u2638	2638
⚓	⚓	u2693	2693	☣	☣	u2623	2623
⚠	⚠	u26A0	26A0	⚡	⚡	u26A1	26A1
☢	☢	u2622	2622	♻	♻	u267B	267B
♿	♿	u267F	267F	☠	☠	u2620	2620

¥ 货币类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
$	$	u0024	�024	¢	¢	u00A2	�0A2
£	£	u00A3	�0A3	¤	¤	u00A4	�0A4
€	€	u20AC	20AC	¥	¥	u00A5	�0A5
₱	₱	u20B1	20B1	₹	₹	u20B9	20B9

½ 数学类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
½	½	u00BD	�0BD	¼	¼	u00BC	�0BC
¾	¾	u00BE	�0BE	⅓	⅓	u2153	2153
⅔	⅔	u2154	2154	⅛	⅛	u215B	215B
⅜	⅜	u215C	215C	⅝	⅝	u215D	215D
‰	‰	u2030	2030	%	%	u0025	�025
	<	u003C	�03C	>	>	u003E	�03E

♫ 音乐符号类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
♩	♩	u2669	2669	♪	♪	u266A	266A
♫	♫	u266B	266B	♬	♬	u266C	266C
♭	♭	u266D	266D	♯	♯	u266F	266F

✖ 对错号

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
		u00A0	�0A0	☐	☐	u2610	2610
☑	☑	u2611	2611	☒	☒	u2612	2612
✓	✓	u2713	2713	✔	✔	u2714	2714
✕	✕	u10005	10005	✖	✖	u2716	2716
✗	✗	u2717	2717	✘	✘	u2718	2718

★ 全都是星星

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
★	★	u2605	2605	✭	✭	u272D	272D
✮	✮	u272E	272E	☆	☆	u2606	2606
✪	✪	u272A	272A	✡	✡	u2721	2721
✯	✯	u272F	272F	✵	✵	u2735	2735
✶	✶	u2736	2736	✸	✸	u2738	2738
✹	✹	u2739	2739	✺	✺	u273A	273A
✱	✱	u2731	2731	✲	✲	u2732	2732
✴	✴	u2734	2734	✳	✳	u2733	2733
✻	✻	u273B	273B	✽	✽	u273D	273D
❋	❋	u274B	274B	❆	❆	u2746	2746
❄	❄	u2744	2744	❅	❅	u2745	2745

♒ 星座类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
♈	♈	u2648	2648	♉	♉	u2649	2649
♊	♊	u264A	264A	♋	♋	u264B	264B
♌	♌	u264C	264C	♍	♍	u264D	264D
♎	♎	u264E	264E	♏	♏	u264F	264F
♐	♐	u2650	2650	♑	♑	u2651	2651
♒	♒	u2652	2652	♓	♓	u2653	2653

♚ 国际象棋类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
♚	♚	u265A	265A	♛	♛	u265B	265B
♜	♜	u265C	265C	♝	♝	u265D	265D
♞	♞	u265E	265E	♟	♟	u265F	265F
♔	♔	u2654	2654	♕	♕	u2655	2655
♖	♖	u2656	2656	♗	♗	u2657	2657
♘	♘	u2658	2658	♙	♙	u2659	2659

♣ 扑克牌类

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
♠	♠	u2660	2660	♣	♣	u2663	2663
♥	♥	u2665	2665	♦	♦	u2666	2666
♤	♤	u2664	2664	♧	♧	u2667	2667
♡	♡	u2661	2661	♢	♢	u2662	2662

Ω 希腊字母

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
Α	Α	u0391	�391	Β	Β	u0392	�392
Γ	Γ	u0393	�393	Δ	Δ	u0394	�394
Ε	Ε	u0395	�395	Ζ	Ζ	u0396	�396
Η	Η	u0397	�397	Θ	Θ	u0398	�398
Ι	Ι	u0399	�399	Κ	Κ	u039A	�39A
Λ	Λ	u039B	�39B	Μ	Μ	u039C	�39C
Ν	Ν	u039D	�39D	Ξ	Ξ	u039E	�39E
Ο	Ο	u039F	�39F	Π	Π	u03A0	�3A0
Ρ	Ρ	u03A1	�3A1	Σ	Σ	u03A3	�3A3
Τ	Τ	u03A4	�3A4	Υ	Υ	u03A5	�3A5
Φ	Φ	u03A6	�3A6	Χ	Χ	u03A7	�3A7
Ψ	Ψ	u03A8	�3A8	Ω	Ω	u03A9	�3A9

☩ 十字

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
☨	☨	u2628	2628	☩	☩	u2629	2629
✝	✝	u271D	271D	✞	✞	u271E	271E
✟	✟	u271F	271F	✠	✠	u2720	2720
✚	✚	u271A	271A	†	†	u2020	2020
✢	✢	u2722	2722	✤	✤	u2724	2724
✣	✣	u2723	2723	✥	✥	u2725	2725

© 法律符号

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
®	®	u00AE	�0AE	©	©	u00A9	�0A9
℗	℗	u2117	2117	™		u0099	�099
℠	℠	u2120	2120

@ 标点和符号

符号	UNICODE			符号	UNICODE
符号	HTML	JS	CSS	符号	HTML	JS	CSS
«	«	u00AB	�0AB	»	»	u00BB	�0BB
‹		u008B	�08B	›		u009B	�09B
“	“	u201C	201C	”	”	u201D	201D
‘	‘	u2018	2018	’	’	u2019	2019
•	•	u2022	2022	◦	◦	u25E6	25E6
¡	¡	u00A1	�0A1	¿	¿	u00BF	�0BF
℅	℅	u2105	2105	№	№	u2116	2116
&	&	u0026	�026	@	@	u0040	�040
℞	℞	u211E	211E	℃	℃	u2103	2103
℉	℉	u2109	2109	°	°	u00B0	�0B0
\|	𞓜	u007C	�07C	¦	¦	u00A6	�0A6
–	–	u2013	2013	—	—	u2014	2014
…	…	u2026	2026	¶	¶	u00B6	�0B6
∼	∼	u223C	223C	≠	≠	u2260	2260

总结归类：

1.特色的

©	©	©	版权标志
\|		\|	竖线，常用作菜单或导航中的分隔符
·	·	·	圆点，有时被用来作为菜单分隔符
↑	↑	↑	上箭头，常用作网页“返回页面顶部”标识
€	€	€	欧元标识
²	²	²	上标2，数学中的平方，在数字处理中常用到，例如：1000²
½	½	½	二分之一
♥	♥	♥	心型，用来表达你的心

2常用的

			空格
&	&	&	and符号，与
“	"	“	引号
©	©	©	版权标志
®	®	»	注册标志
™	™	™	商标标志
“	“	“	左双引号
”	”	”	右双引号
‘	‘	‘	做单引号
’	’	’	右单引号
«	«	«	左三角双引号
»	»	»	右三角双引号
‹	‹	‹	左三角单引号
›	›	›	右三角单引号
§	§	§	章节标志
¶	¶	¶	段落标志
•	•	•	列表圆点（大）
·	·	·	列表圆点（中）
…	…	…	省略号
\|		\|	竖线
¦	¦	¦	断的竖线
–	–	–	短破折号
—	—	—	长破折号

3.货币类

¤	¤	¤	一般货币符号
$		$	美元符号
¢	¢	¢	分
£	£	£	英镑
¥	¥	¥	日元
€	€	€	欧元

4 数学类

	zuojiankuohaophpcn		小于号
>	youjiankuohaophpcn	>	大于号
≤	≤	≤	小于等于号
≥	≥	≥	大于等于号
×	×	×	乘号
÷	&pide;	÷	除号
−	−	−	减号
±	±	±	加/减号
≠	≠	≠	不等于号
¹	¹	¹	上标1
²	²	²	上标2
³	³	³	上标3
½	½	½	二分之一
¼	¼	¼	四分之一
¾	¾	¾	四分之三
‰	‰	‰	千分率
°	°	°	度
√	√	√	平方根
∞	∞	∞	无限大

5.方向类

←	←	←	左箭头
↑	↑	↑	上箭头
→	→	→	右箭头
↓	↓	↓	下箭头
↔	↔	↔	左右箭头
↵	↵	↵	回车箭头
⌈	⌈	⌈	左上限
⌉	⌉	⌉	右上限
⌊	⌊	⌊	左下限
⌋	⌋	⌋	右下限

6 其它

♠	♠	♠	黑桃
♣	♣	♣	梅花
♥	♥	♥	红桃，心
♦	♦	♦	方块牌
◊	◊	◊	菱形
†	†	†	匕首
‡	‡	‡	双剑号
¡	¡	¡	反向感叹号
¿	¿	¿	反向问号