HTML有許多特殊的字符，您對此有多少了解？平時在WEB制作中，您又有用到多少?或者說你在平時使用之時，是否也會碰到，有許多特殊字符要如何打印出來？比如說“笑臉”，比如說“版權號”。要是你用時忘記了這些特殊字符，不要緊，請記住今天這個地址，你就隨時可以查到這些特殊字符的表示方法。

簡單的介紹一下其使用方法:

1、這些字符屬于unicode字符集，你的文檔需要聲明為"utf-8";

2、列表符號后面有兩列編號，第一列編號用于HTML文檔中，需要在編號前面加上"&#"符號，比如說“向左箭頭”符號對應的HTML編號是: "8672",那么在文檔中需要寫成"&#8672";第二列編號用于CSS文檔中，需要在編號前面加上反斜杠""進行轉義，比如說“向左箭頭”符號對應的CSS編號是"21E0",那么在文檔中需要寫成"21E0";同時第二列也可以用于JavaScript文檔中，需要在編號前面加上"u"來進行轉義，比如說"向左箭頭"符號，在JavaScript文檔中，我們就要寫成u21E0"。

? ? ? 使用的方法很簡單，但要用好，我們還是需要注意一些細節上的要求:

? ? ? a、有的字符在不同的瀏覽器下表現不太一樣，比如"小雪人"在Firefox和Chrome不太一樣;

? ? ? b、有的字符在某個瀏覽器下不會顯示;

? ? ? c、為了不造成損失，使用字符編碼來代替某些符號時，請注意各個瀏覽器進行測試;

? ? ? d、移動端對比支持度較差，特別是在Window Phone下和UC瀏覽器下，直接無法顯示。

基于上面幾個不足之處，大家在使用過程請考慮周詳，詳細的列表請看:

? 箭頭類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#8672	u21E0	21E0	?	&#8674	u21E2	21E2
?	&#8673	u21E1	21E1	?	&#8675	u21E3	21E3
?	&#8606	u219E	219E	?	&#8608	u21A0	21A0
?	&#8607	u219F	219F	?	&#8609	u21A1	21A1
←	&#8592	u2190	2190	→	&#8594	u2192	2192
↑	&#8593	u2191	2191	↓	&#8595	u2193	2193
?	&#8596	u2194	2194	?	&#8597	u2195	2195
?	&#8644	u21C4	21C4	?	&#8645	u21C5	21C5
?	&#8610	u21A2	21A2	?	&#8611	u21A3	21A3
?	&#8670	u21DE	21DE	?	&#8671	u21DF	21DF
?	&#8619	u21AB	21AB	?	&#8620	u21AC	21AC
?	&#8668	u21DC	21DC	?	&#8669	u21DD	21DD
?	&#8602	u219A	219A	?	&#8603	u219B	219B
?	&#8622	u21AE	21AE	?	&#8621	u21AD	21AD
?	&#8678	u21E6	21E6	?	&#8680	u21E8	21E8
?	&#8679	u21E7	21E7	?	&#8681	u21E9	21E9
▲	&#9650	u25B2	25B2	?	&#9658	u25BA	25BA
▼	&#9660	u25BC	25BC	?	&#9668	u25C4	25C4
?	&#10132	u2794	2794	?	&#10137	u2799	2799
?	&#10152	u27A8	27A8	?	&#10162	u27B2	27B2
?	&#10140	u279C	279C	?	&#10142	u279E	279E
?	&#10143	u279F	279F	?	&#10144	u27A0	27A0
?	&#10148	u27A4	27A4	?	&#10149	u27A5	27A5
?	&#10150	u27A6	27A6	?	&#10151	u27A7	27A7
?	&#10165	u27B5	27B5	?	&#10168	u27B8	27B8
?	&#10172	u27BC	27BC	?	&#10173	u27BD	27BD
?	&#10170	u27BA	27BA	?	&#10163	u27B3	27B3
?	&#8631	u21B7	21B7	?	&#8630	u21B6	21B6
?	&#8635	u21BB	21BB	?	&#8634	u21BA	21BA
?	&#8629	u21B5	21B5	?	&#8623	u21AF	21AF
?	&#10174	u27BE	27BE	?	?	?	?

? 基本形狀類

? ? ?

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#10084	u2764	2764	?	&#9992	u2708	2708
★	&#9733	u2605	2605	?	&#10022	u2726	2726
?	&#9728	u2600	2600	◆	&#9670	u25C6	25C6
?	&#9672	u25C8	25C8	?	&#9635	u25A3	25A3
?	&#9787	u263B	263B	?	&#9786	u263A	263A
?	&#9785	u2639	2639	?	&#9993	u2709	2709
?	&#9742	u260E	260E	?	&#9743	u260F	260F
?	&#9990	u2706	2706	�	&#65533	uFFFD	FFFD
?	&#9729	u2601	2601	?	&#9730	u2602	2602
?	&#10052	u2744	2744	?	&#9731	u2603	2603
?	&#10056	u2748	2748	?	&#10047	u273F	273F
?	&#10048	u2740	2740	?	&#10049	u2741	2741
?	&#9752	u2618	2618	?	&#10086	u2766	2766
?	&#9749	u9749	9749	?	&#10050	u2742	2742
?	&#9765	u2625	2625	?	&#9774	u262E	262E
?	&#9775	u262F	262F	?	&#9770	u262A	262A
?	&#9764	u2624	2624	?	&#9988	u2704	2704
?	&#9986	u2702	2702	?	&#9784	u2638	2638
?	&#9875	u2693	2693	?	&#9763	u2623	2623
?	&#9888	u26A0	26A0	?	&#9889	u26A1	26A1
?	&#9762	u2622	2622	?	&#9851	u267B	267B
?	&#9855	u267F	267F	?	&#9760	u2620	2620

￥??貨幣類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

$	&#36	u0024	�024	￠	&#162	u00A2	�0A2
￡	&#163	u00A3	�0A3	¤	&#164	u00A4	�0A4
€	&#8364	u20AC	20AC	￥	&#165	u00A5	�0A5
?	&#8369	u20B1	20B1	?	&#8377	u20B9	20B9

???數學類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#189	u00BD	�0BD	?	&#188	u00BC	�0BC
?	&#190	u00BE	�0BE	?	&#8531	u2153	2153
?	&#8532	u2154	2154	?	&#8539	u215B	215B
?	&#8540	u215C	215C	?	&#8541	u215D	215D
‰	&#8240	u2030	2030	%	&#37	u0025	�025
<	&#60	u003C	�03C	>	&#62	u003E	�03E

???音樂符號類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#9833	u2669	2669	?	&#9834	u266A	266A
?	&#9835	u266B	266B	?	&#9836	u266C	266C
?	&#9837	u266D	266D	?	&#9839	u266F	266F

???對錯號

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#160	u00A0	�0A0	?	&#9744	u2610	2610
?	&#9745	u2611	2611	?	&#9746	u2612	2612
?	&#10003	u2713	2713	?	&#10004	u2714	2714
?	&#10005	u10005	10005	?	&#10006	u2716	2716
?	&#10007	u2717	2717	?	&#10008	u2718	2718

★??全都是星星

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

★	&#9733	u2605	2605	?	&#10029	u272D	272D
?	&#10030	u272E	272E	☆	&#9734	u2606	2606
?	&#10026	u272A	272A	?	&#10017	u2721	2721
?	&#10031	u272F	272F	?	&#10037	u2735	2735
?	&#10038	u2736	2736	?	&#10040	u2738	2738
?	&#10041	u2739	2739	?	&#10042	u273A	273A
?	&#10033	u2731	2731	?	&#10034	u2732	2732
?	&#10036	u2734	2734	?	&#10035	u2733	2733
?	&#10043	u273B	273B	?	&#10045	u273D	273D
?	&#10059	u274B	274B	?	&#10054	u2746	2746
?	&#10052	u2744	2744	?	&#10053	u2745	2745

???星座類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#9800	u2648	2648	?	&#9801	u2649	2649
?	&#9802	u264A	264A	?	&#9803	u264B	264B
?	&#9804	u264C	264C	?	&#9805	u264D	264D
?	&#9806	u264E	264E	?	&#9807	u264F	264F
?	&#9808	u2650	2650	?	&#9809	u2651	2651
?	&#9810	u2652	2652	?	&#9811	u2653	2653

???國際象棋類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#9818	u265A	265A	?	&#9819	u265B	265B
?	&#9820	u265C	265C	?	&#9821	u265D	265D
?	&#9822	u265E	265E	?	&#9823	u265F	265F
?	&#9812	u2654	2654	?	&#9813	u2655	2655
?	&#9814	u2656	2656	?	&#9815	u2657	2657
?	&#9816	u2658	2658	?	&#9817	u2659	2659

???撲克牌類

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#9824	u2660	2660	?	&#9827	u2663	2663
?	&#9829	u2665	2665	?	&#9830	u2666	2666
?	&#9828	u2664	2664	?	&#9831	u2667	2667
?	&#9825	u2661	2661	?	&#9826	u2662	2662

Ω??希臘字母

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

Α	&#913	u0391	�391	Β	&#914	u0392	�392
Γ	&#915	u0393	�393	Δ	&#916	u0394	�394
Ε	&#917	u0395	�395	Ζ	&#918	u0396	�396
Η	&#919	u0397	�397	Θ	&#920	u0398	�398
Ι	&#921	u0399	�399	Κ	&#922	u039A	�39A
Λ	&#923	u039B	�39B	Μ	&#924	u039C	�39C
Ν	&#925	u039D	�39D	Ξ	&#926	u039E	�39E
Ο	&#927	u039F	�39F	Π	&#928	u03A0	�3A0
Ρ	&#929	u03A1	�3A1	Σ	&#931	u03A3	�3A3
Τ	&#932	u03A4	�3A4	Υ	&#933	u03A5	�3A5
Φ	&#934	u03A6	�3A6	Χ	&#935	u03A7	�3A7
Ψ	&#936	u03A8	�3A8	Ω	&#937	u03A9	�3A9

???十字

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#9768	u2628	2628	?	&#9769	u2629	2629
?	&#10013	u271D	271D	?	&#10014	u271E	271E
?	&#10015	u271F	271F	?	&#10016	u2720	2720
?	&#10010	u271A	271A	?	&#8224	u2020	2020
?	&#10018	u2722	2722	?	&#10020	u2724	2724
?	&#10019	u2723	2723	?	&#10021	u2725	2725

???法律符號

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#174	u00AE	�0AE	?	&#169	u00A9	�0A9
?	&#8471	u2117	2117	?	&#153	u0099	�099
?	&#8480	u2120	2120	?	?	?	?

@??標點和符號

符號UNICODE符號UNICODEHTMLJSCSSHTMLJSCSS

?	&#171	u00AB	�0AB	?	&#187	u00BB	�0BB
?	&#139	u008B	�08B	?	&#155	u009B	�09B
“	&#8220	u201C	201C	”	&#8221	u201D	201D
‘	&#8216	u2018	2018	’	&#8217	u2019	2019
?	&#8226	u2022	2022	?	&#9702	u25E6	25E6
?	&#161	u00A1	�0A1	?	&#191	u00BF	�0BF
℅	&#8453	u2105	2105	№	&#8470	u2116	2116
&	&#38	u0026	�026	@	&#64	u0040	�040
?	&#8478	u211E	211E	℃	&#8451	u2103	2103
℉	&#8457	u2109	2109	°	&#176	u00B0	�0B0
|	&#124	u007C	�07C	|	&#166	u00A6	�0A6
–	&#8211	u2013	2013	—	&#8212	u2014	2014
…	&#8230	u2026	2026	?	&#182	u00B6	�0B6
～	&#8764	u223C	223C	≠	&#8800	u2260	2260

總結歸類：

? ?1.特色的

?	©	?	版權標志
|	?	|	豎線，常用作菜單或導航中的分隔符
·	·	·	圓點，有時被用來作為菜單分隔符
↑	↑	↑	上箭頭，常用作網頁“返回頁面頂部”標識
€	€	€	歐元標識
2	²	2	上標2，數學中的平方，在數字處理中常用到，例如：10002
?	½	?	二分之一
?	♥	?	心型，用來表達你的心

? ? 2.常用的

? ? ?

?	 	?	空格
&	&	&	and符號，與
“	"	“	引號
?	©	?	版權標志
?	®	?	注冊標志
?	™	?	商標標志
“	“	“	左雙引號
”	”	”	右雙引號
‘	‘	‘	做單引號
’	’	’	右單引號
?	«	?	左三角雙引號
?	»	?	右三角雙引號
?	‹	?	左三角單引號
?	›	?	右三角單引號
§	§	§	章節標志
?	¶	?	段落標志
?	•	?	列表圓點（大）
·	·	·	列表圓點（中）
…	…	…	省略號
|	?	|	豎線
|	¦	|	斷的豎線
–	–	–	短破折號
—	—	—	長破折號

? ? 3.貨幣類

¤	¤	¤	一般貨幣符號
$	?	$	美元符號
￠	¢	￠	分
￡	£	￡	英鎊
￥	¥	￥	日元
€	€	€	歐元

? ? 4.數學類

<	&lt;	<	小于號
>	&gt;	>	大于號
≤	&le;	≤	小于等于號
≥	&ge;	≥	大于等于號
×	&times;	×	乘號
÷	&divide;	÷	除號
?	&minus;	?	減號
±	&plusmn;	±	加/減 號
≠	&ne;	≠	不等于號
1	&sup1;	1	上標1
2	&sup2;	2	上標2
3	&sup3;	3	上標3
?	&frac12;	?	二分之一
?	&frac14;	?	四分之一
?	&frac34;	?	四分之三
‰	&permil;	‰	千分率
°	&deg;	°	度
√	&radic;	√	平方根
∞	&infin;	∞	無限大

? ? 5.方向類

←	←	←	左箭頭
↑	↑	↑	上箭頭
→	→	→	右箭頭
↓	↓	↓	下箭頭
?	↔	?	左右箭頭
?	↵	?	回車箭頭
?	⌈	?	左上限
?	⌉	?	右上限
?	⌊	?	左下限
?	⌋	?	右下限

? ? 6.其他

?	♠	?	黑桃
?	♣	?	梅花
?	♥	?	紅桃，心
?	♦	?	方塊牌
?	◊	?	菱形
?	†	?	匕首
?	‡	?	雙劍號
?	¡	?	反向感嘆號
?	¿	?	反向問號

?

?

轉載:https://blog.csdn.net/linggty/article/details/78093601

?

?

?

?

?

?

總結

以上是生活随笔為你收集整理的CSS转义字符对照表的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。