HTML CSS特殊字符总结

来源：互联网发布：网络黑客的行为编辑：程序博客网时间：2024/05/09 03:45

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符号UNICODEHTMLJSCSSHTMLJSCSS⇠&#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符号UNICODEHTMLJSCSSHTMLJSCSS❤&#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符号UNICODEHTMLJSCSSHTMLJSCSS$&#36u0024�024¢&#162u00A2�0A2£&#163u00A3�0A3¤&#164u00A4�0A4€&#8364u20AC20AC¥&#165u00A5�0A5₱&#8369u20B120B1₹&#8377u20B920B9

½ 数学类

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

♫ 音乐符号类

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS♩&#9833u26692669♪&#9834u266A266A♫&#9835u266B266B♬&#9836u266C266C♭&#9837u266D266D♯&#9839u266F266F

✖ 对错号

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS &#160u00A0�0A0☐&#9744u26102610☑&#9745u26112611☒&#9746u26122612✓&#10003u27132713✔&#10004u27142714✕&#10005u1000510005✖&#10006u27162716✗&#10007u27172717✘&#10008u27182718

★ 全都是星星

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS★&#9733u26052605✭&#10029u272D272D✮&#10030u272E272E☆&#9734u26062606✪&#10026u272A272A✡&#10017u27212721✯&#10031u272F272F✵&#10037u27352735✶&#10038u27362736✸&#10040u27382738✹&#10041u27392739✺&#10042u273A273A✱&#10033u27312731✲&#10034u27322732✴&#10036u27342734✳&#10035u27332733✻&#10043u273B273B✽&#10045u273D273D❋&#10059u274B274B❆&#10054u27462746❄&#10052u27442744❅&#10053u27452745

♒ 星座类

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS♈&#9800u26482648♉&#9801u26492649♊&#9802u264A264A♋&#9803u264B264B♌&#9804u264C264C♍&#9805u264D264D♎&#9806u264E264E♏&#9807u264F264F♐&#9808u26502650♑&#9809u26512651♒&#9810u26522652♓&#9811u26532653

♚ 国际象棋类

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS♚&#9818u265A265A♛&#9819u265B265B♜&#9820u265C265C♝&#9821u265D265D♞&#9822u265E265E♟&#9823u265F265F♔&#9812u26542654♕&#9813u26552655♖&#9814u26562656♗&#9815u26572657♘&#9816u26582658♙&#9817u26592659

♣ 扑克牌类

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS♠&#9824u26602660♣&#9827u26632663♥&#9829u26652665♦&#9830u26662666♤&#9828u26642664♧&#9831u26672667♡&#9825u26612661♢&#9826u26622662

Ω 希腊字母

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSSΑ&#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符号UNICODEHTMLJSCSSHTMLJSCSS☨&#9768u26282628☩&#9769u26292629✝&#10013u271D271D✞&#10014u271E271E✟&#10015u271F271F✠&#10016u27202720✚&#10010u271A271A†&#8224u20202020✢&#10018u27222722✤&#10020u27242724✣&#10019u27232723✥&#10021u27252725

© 法律符号

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

@ 标点和符号

符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS«&#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.特色的

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

2常用的

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

3.货币类

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

4 数学类

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

5.方向类

←←←左箭头↑↑↑上箭头→→→右箭头↓↓↓下箭头↔↔↔左右箭头↵&crarr;↵回车箭头⌈&lceil;⌈左上限⌉&rceil;⌉右上限⌊&lfloor;⌊左下限⌋&rfloor;⌋右下限

6 其它

♠&spades;♠黑桃♣&clubs;♣梅花♥&hearts;♥红桃，心♦&diams;♦方块牌◊&loz;◊菱形†&dagger;†匕首‡&Dagger;‡双剑号¡¡¡反向感叹号¿¿¿反向问号

0 0