HTML CSS特殊字符总结

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

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

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

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

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

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

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

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

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

⇠  箭头类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#8672u21E021E0&#8674u21E221E2
&#8673u21E121E1&#8675u21E321E3
&#8606u219E219E&#8608u21A021A0
&#8607u219F219F&#8609u21A121A1
&#8592u21902190&#8594u21922192
&#8593u21912191&#8595u21932193
&#8596u21942194&#8597u21952195
&#8644u21C421C4&#8645u21C521C5
&#8610u21A221A2&#8611u21A321A3
&#8670u21DE21DE&#8671u21DF21DF
&#8619u21AB21AB&#8620u21AC21AC
&#8668u21DC21DC&#8669u21DD21DD
&#8602u219A219A&#8603u219B219B
&#8622u21AE21AE&#8621u21AD21AD
&#8678u21E621E6&#8680u21E821E8
&#8679u21E721E7&#8681u21E921E9
&#9650u25B225B2&#9658u25BA25BA
&#9660u25BC25BC&#9668u25C425C4
&#10132u27942794&#10137u27992799
&#10152u27A827A8&#10162u27B227B2
&#10140u279C279C&#10142u279E279E
&#10143u279F279F&#10144u27A027A0
&#10148u27A427A4&#10149u27A527A5
&#10150u27A627A6&#10151u27A727A7
&#10165u27B527B5&#10168u27B827B8
&#10172u27BC27BC&#10173u27BD27BD
&#10170u27BA27BA&#10163u27B327B3
&#8631u21B721B7&#8630u21B621B6
&#8635u21BB21BB&#8634u21BA21BA
&#8629u21B521B5&#8623u21AF21AF
&#10174u27BE27BE    

  ❤  基本形状类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#10084u27642764&#9992u27082708
&#9733u26052605&#10022u27262726
&#9728u26002600&#9670u25C625C6
&#9672u25C825C8&#9635u25A325A3
&#9787u263B263B&#9786u263A263A
&#9785u26392639&#9993u27092709
&#9742u260E260E&#9743u260F260F
&#9990u27062706&#65533uFFFDFFFD
&#9729u26012601&#9730u26022602
&#10052u27442744&#9731u26032603
&#10056u27482748&#10047u273F273F
&#10048u27402740&#10049u27412741
&#9752u26182618&#10086u27662766
&#9749u97499749&#10050u27422742
&#9765u26252625&#9774u262E262E
&#9775u262F262F&#9770u262A262A
&#9764u26242624&#9988u27042704
&#9986u27022702&#9784u26382638
&#9875u26932693&#9763u26232623
&#9888u26A026A0&#9889u26A126A1
&#9762u26222622&#9851u267B267B
&#9855u267F267F&#9760u26202620

¥  货币类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
$&#36u0024�024¢&#162u00A2�0A2
£&#163u00A3�0A3¤&#164u00A4�0A4
&#8364u20AC20AC¥&#165u00A5�0A5
&#8369u20B120B1&#8377u20B920B9

½  数学类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
½&#189u00BD�0BD¼&#188u00BC�0BC
¾&#190u00BE�0BE&#8531u21532153
&#8532u21542154&#8539u215B215B
&#8540u215C215C&#8541u215D215D
&#8240u20302030%&#37u0025�025
<&#60u003C�03C>&#62u003E�03E

♫  音乐符号类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9833u26692669&#9834u266A266A
&#9835u266B266B&#9836u266C266C
&#9837u266D266D&#9839u266F266F

✖  对错号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
 &#160u00A0�0A0&#9744u26102610
&#9745u26112611&#9746u26122612
&#10003u27132713&#10004u27142714
&#10005u1000510005&#10006u27162716
&#10007u27172717&#10008u27182718

★  全都是星星

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9733u26052605&#10029u272D272D
&#10030u272E272E&#9734u26062606
&#10026u272A272A&#10017u27212721
&#10031u272F272F&#10037u27352735
&#10038u27362736&#10040u27382738
&#10041u27392739&#10042u273A273A
&#10033u27312731&#10034u27322732
&#10036u27342734&#10035u27332733
&#10043u273B273B&#10045u273D273D
&#10059u274B274B&#10054u27462746
&#10052u27442744&#10053u27452745

♒  星座类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9800u26482648&#9801u26492649
&#9802u264A264A&#9803u264B264B
&#9804u264C264C&#9805u264D264D
&#9806u264E264E&#9807u264F264F
&#9808u26502650&#9809u26512651
&#9810u26522652&#9811u26532653

♚  国际象棋类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9818u265A265A&#9819u265B265B
&#9820u265C265C&#9821u265D265D
&#9822u265E265E&#9823u265F265F
&#9812u26542654&#9813u26552655
&#9814u26562656&#9815u26572657
&#9816u26582658&#9817u26592659

♣  扑克牌类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9824u26602660&#9827u26632663
&#9829u26652665&#9830u26662666
&#9828u26642664&#9831u26672667
&#9825u26612661&#9826u26622662

Ω  希腊字母

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

☩  十字

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
&#9768u26282628&#9769u26292629
&#10013u271D271D&#10014u271E271E
&#10015u271F271F&#10016u27202720
&#10010u271A271A&#8224u20202020
&#10018u27222722&#10020u27242724
&#10019u27232723&#10021u27252725

©  法律符号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
®&#174u00AE�0AE©&#169u00A9�0A9
&#8471u21172117&#153u0099�099
&#8480u21202120    

@  标点和符号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
«&#171u00AB�0AB»&#187u00BB�0BB
&#139u008B�08B&#155u009B�09B
&#8220u201C201C&#8221u201D201D
&#8216u20182018&#8217u20192019
&#8226u20222022&#9702u25E625E6
¡&#161u00A1�0A1¿&#191u00BF�0BF
&#8453u21052105&#8470u21162116
&&#38u0026�026@&#64u0040�040
&#8478u211E211E&#8451u21032103
&#8457u21092109°&#176u00B0�0B0
|&#124u007C�07C¦&#166u00A6�0A6
&#8211u20132013&#8212u20142014
&#8230u20262026&#182u00B6�0B6
&#8764u223C223C&#8800u22602260


总结归类:

1.特色的
©&copy;©版权标志
| |竖线,常用作菜单或导航中的分隔符
·&middot;·圆点,有时被用来作为菜单分隔符
&uarr;上箭头,常用作网页“返回页面顶部”标识
&euro;欧元标识
²&sup2;²上标2,数学中的平方,在数字处理中常用到,例如:1000²
½&frac12;½二分之一
&hearts;心型,用来表达你的心
2常用的
 &nbsp; 空格
&&amp;&and符号,与
&quot;引号
©&copy;©版权标志
®&reg;»注册标志
&trade;商标标志
&ldquo;左双引号
&rdquo;右双引号
&lsquo;做单引号
&rsquo;右单引号
«&laquo;«左三角双引号
»&raquo;»右三角双引号
&lsaquo;左三角单引号
&rsaquo;右三角单引号
§&sect;§章节标志
&para;段落标志
&bull;列表圆点(大)
·&middot;·列表圆点(中)
&hellip;省略号
| |竖线
¦&brvbar;¦断的竖线
&ndash;短破折号
&mdash;长破折号
3.货币类
¤&curren;¤一般货币符号
$ $美元符号
¢&cent;¢
£&pound;£英镑
¥&yen;¥日元
&euro;欧元
4 数学类
<&lt;<小于号
>&gt;>大于号
&le;小于等于号
&ge;大于等于号
×&times;×乘号
÷&divide;÷除号
&minus;减号
±&plusmn;±加/减 号
&ne;不等于号
¹&sup1;¹上标1
²&sup2;²上标2
³&sup3;³上标3
½&frac12;½二分之一
¼&frac14;¼四分之一
¾&frac34;¾四分之三
&permil;千分率
°&deg;°
&radic;平方根
&infin;无限大
5.方向类
&larr;左箭头
&uarr;上箭头
&rarr;右箭头
&darr;下箭头
&harr;左右箭头
&crarr;回车箭头
&lceil;左上限
&rceil;右上限
&lfloor;左下限
&rfloor;右下限
其它

&spades;黑桃
&clubs;梅花
&hearts;红桃,心
&diams;方块牌
&loz;菱形
&dagger;匕首
&Dagger;双剑号
¡&iexcl;¡反向感叹号
¿&iquest;¿反向问号

相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页