• HTML常用的特殊符号&前端使用的标点符号


    不想在项目中使用图片, 还得切,如关闭按钮“×”、男女符号“♂♀”、对勾“√”等,找到了一篇全面的博客,转自https://www.haorooms.com/post/html_tsfh,感谢。

    如下:

    html中经常会用到一些特殊符号,例如箭头,雪花,心形等等,这些符号就不用css样式或者图片来写了,直接用html特殊符号可以实现。

    例如,如下html代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>haorooms前端博客之特殊符号</title>
    </head>
    <body>
        &#8672 
        &#9728 
    </body>
    </html>

    在网页中显示如下

    enter image description here

    使用方法: 

    • 这些字符属于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
  • 相关阅读:
    水滴二次开发日志5
    水滴二次开发日志4
    水滴二次开发日志3
    水滴二次开发日志2
    NOIp2020AFO记
    Diary(2020十一月 NOIP赛前集训)
    我们的Gary真的是太强辣
    Diary(2020十月 CSP赛前集训)
    Diary(2020九月 半集训)
    Music
  • 原文地址:https://www.cnblogs.com/wangduojing/p/10118146.html
Copyright © 2020-2023  润新知