HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。

使用方法:

  • 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
  • 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;
  • 第二列可以用于CSS文件中,但是需要用反斜杠\转义;
  • 第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。

需要主意的是:

  • 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;
  • 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,–在Chrome下。。。
  • 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。
  • 经测试这些字符在Android/iOS等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~

各种箭头

  • &#8672 21E0
  • &#8674 21E2
  • &#8673 21E1
  • &#8675 21E3
  • &#8606 219E
  • &#8608 21A0
  • &#8607 219F
  • &#8609 21A1
  • &#8592 2190
  • &#8594 2192
  • &#8593 2191
  • &#8595 2193
  • &#8596 2194
  • &#8597 2195
  • &#8644 21C4
  • &#8645 21C5
  • &#8610 21A2
  • &#8611 21A3
  • &#8670 21DE
  • &#8671 21DF
  • &#8619 21AB
  • &#8620 21AC
  • &#8668 21DC
  • &#8669 21DD
  • &#8602 219A
  • &#8603 219B
  • &#8622 21AE
  • &#8621 21AD

形状

  • &#8678 21E6
  • &#8680 21E8
  • &#8679 21E7
  • &#8681 21E9
  • &#8631 21B7
  • &#8630 21B6
  • &#8635 21BB
  • &#8634 21BA
  • &#10227 27F3
  • &#10226 27F2
  • &#10224 27F0
  • &#10225 27F1
  • &#8629 21B5
  • &#8623 21AF
  • &#8693 21F5

向右的箭头

  • &#10132 2794
  • &#10137 2799
  • &#10152 27A8
  • &#10162 27B2
  • &#10140 279C
  • &#10142 279E
  • &#10143 279F
  • &#10144 27A0
  • &#10148 27A4
  • &#10149 27A5
  • &#10150 27A6
  • &#10151 27A7
  • &#10165 27B5
  • &#10168 27B8
  • &#10172 27BC
  • &#10173 27BD
  • &#10170 27BA
  • &#10163 27B3
  • &#10174 27BE

基本形状

  • &#9650 25B2
  • &#9658 25BA
  • &#9660 25BC
  • &#9668 25C4
  • &#10084 2764
  • &#9992 2708
  • &#9733 2605
  • &#10022 2726
  • &#9728 2600
  • &#9670 25C6
  • &#9672 25C8
  • &#9635 25A3

标点

  • « &#171 00AB
  • » &#187 00BB
  • &#139 008B
  • &#155 009B
  • &#8220 201C
  • &#8221 201D
  • &#8216 2018
  • &#8217 2019
  • &#8226 2022
  • &#9702 25E6
  • ¡ &#161 00A1
  • ¿ &#191 00BF
  • &#8453 2105
  • &#8470 2116
  • & &#38 0026
  • @ &#64 0040
  • &#8478 211E
  • &#8451 2103
  • &#8457 2109
  • ° &#176 00B0
  • | &#124 007C
  • ¦ &#166 00A6
  • &#8211 2013
  • &#8212 2014
  • &#8230 2026
  • &#182 00B6
  • &#8764 223C
  • &#8800 2260

法律符号

  • ® &#174 00AE
  • © &#169 00A9
  • &#8471 2117
  • &#153 0099
  • &#8480 2120

货币

  • $ &#36 0024
  • ¢ &#162 00A2
  • £ &#163 00A3
  • ¤ &#164 00A4
  • &#8364 20AC
  • ¥ &#165 00A5
  • &#8369 20B1
  • &#8377 20B9

数学

  • ½ &#189 00BD
  • ¼ &#188 00BC
  • ¾ &#190 00BE
  • &#8531 2153
  • &#8532 2154
  • &#8539 215B
  • &#8540 215C
  • &#8541 215D
  • &#8240 2030
  • % &#37 0025
  • < &#60 003C
  • > &#62 003E

音乐符号

  • &#9833 2669
  • &#9834 266A
  • &#9835 266B
  • &#9836 266C
  • &#9837 266D
  • &#9839 266F

对号、错号

  •   &#160 00A0
  • &#9744 2610
  • &#9745 2611
  • &#9746 2612
  • &#10003 2713
  • &#10004 2714
  • &#10005 10005
  • &#10006 2716
  • &#10007 2717
  • &#10008 2718

十字

  • &#9768 2628
  • &#9769 2629
  • &#10013 271D
  • &#10014 271E
  • &#10015 271F
  • &#10016 2720
  • &#10010 271A
  • &#8224 2020
  • &#10018 2722
  • &#10020 2724
  • &#10019 2723
  • &#10021 2725

星星、星号、雪花

  • &#9733 2605
  • &#10029 272D
  • &#10030 272E
  • &#9734 2606
  • &#10026 272A
  • &#10017 2721
  • &#10031 272F
  • &#10037 2735
  • &#10038 2736
  • &#10040 2738
  • &#10041 2739
  • &#10042 273A
  • &#10033 2731
  • &#10034 2732
  • &#10036 2734
  • &#10035 2733
  • &#10043 273B
  • &#10045 273D
  • &#10059 274B
  • &#10054 2746
  • &#10052 2744
  • &#10053 2745

杂项

  • &#9787 263B
  • &#9786 263A
  • &#9785 2639
  • &#9993 2709
  • &#9742 260E
  • &#9743 260F
  • &#9990 2706
  • &#65533 FFFD
  • &#9729 2601
  • &#9730 2602
  • &#10052 2744
  • &#9731 2603
  • &#10056 2748
  • &#10047 273F
  • &#10048 2740
  • &#10049 2741
  • &#9752 2618
  • &#10086 2766
  • &#9749 9749
  • &#10050 2742
  • &#9765 2625
  • &#9774 262E
  • &#9775 262F
  • &#9770 262A
  • &#9764 2624
  • &#9988 2704
  • &#9986 2702
  • &#9784 2638
  • &#9875 2693
  • &#9763 2623
  • &#9888 26A0
  • &#9889 26A1
  • &#9762 2622
  • &#9851 267B
  • &#9855 267F
  • &#9760 2620

手型、铅笔、笔

  • &#9756 261C
  • &#9758 261E
  • &#9757 261D
  • &#9759 261F
  • &#9996 270C
  • &#9997 270D
  • &#9998 270E
  • &#10000 2710
  • &#9999 270F
  • &#10001 2711
  • &#10002 2712

天空、植物

  • &#9789 263D
  • &#9790 263E
  • &#9794 2642
  • &#9792 2640
  • &#9791 263F
  • &#9793 2641
  • &#9795 2643
  • &#9796 2644
  • &#9797 2645
  • &#9798 2646
  • &#9799 2647

星座

  • &#9800 2648
  • &#9801 2649
  • &#9802 264A
  • &#9803 264B
  • &#9804 264C
  • &#9805 264D
  • &#9806 264E
  • &#9807 264F
  • &#9809 2651
  • &#9810 2652
  • &#9811 2653

象棋,扑克牌

  • &#9818 265A
  • &#9819 265B
  • &#9820 265C
  • &#9821 265D
  • &#9822 265E
  • &#9823 265F
  • &#9812 2654
  • &#9813 2655
  • &#9814 2656
  • &#9815 2657
  • &#9816 2658
  • &#9817 2659
  • &#9824 2660
  • &#9827 2663
  • &#9829 2665
  • &#9830 2666
  • &#9828 2664
  • &#9831 2667
  • &#9825 2661
  • &#9826 2662

希腊字母

  • Α &#913 0391
  • Β &#914 0392
  • Γ &#915 0393
  • Δ &#916 0394
  • Ε &#917 0395
  • Ζ &#918 0396
  • Η &#919 0397
  • Θ &#920 0398
  • Ι &#921 0399
  • Κ &#922 039A
  • Λ &#923 039B
  • Μ &#924 039C
  • Ν &#925 039D
  • Ξ &#926 039E
  • Ο &#927 039F
  • Π &#928 03A0
  • Ρ &#929 03A1
  • Σ &#931 03A3
  • Τ &#932 03A4
  • Υ &#933 03A5
  • Φ &#934 03A6
  • Χ &#935 03A7
  • Ψ &#936 03A8
  • Ω &#937 03A9

转自:前端观察

喜欢这篇文章吗,不妨分享给朋友们吧!