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

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注