• 技术文章 >web前端 >html教程

    总结HTML/CSS中的特殊字符

    零到壹度零到壹度2018-04-20 11:05:32原创3861
    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浏览下器,直接无法显示。

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

    目录

    1. 箭头类

    2. 基本形状类

    3. 货币类

    4. 数学类

    5. 音乐符号类

    6. 对错号

    7. 全都是星星

    8. 星座类

    9. 国际象棋类

    10. 扑克牌类

    11. 希腊字母

    12. 十字

    13. 法律符号

    14. 标点和符号


    ⇠ 箭头类

    符号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;×乘号
    ÷&pide;÷除号
    &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;右下限

    6 其它



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

    ⇠ 箭头类

    符号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

    以上就是总结HTML/CSS中的特殊字符的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:HTML CSS 特殊字符
    上一篇:QT如何实现调用打印机来打印html中的网页及文件 下一篇:深入了解HTML5 Canvas标签的基本用法
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• css :target_html/css_WEB-ITnose• web开发中比较常用的html标签_html/css_WEB-ITnose• javascript的浏览器对象• 关于常用meta的总结 - 冰阡陌• CSS小技巧收藏_html/css_WEB-ITnose
    1/1

    PHP中文网