HTML中一些漂亮的特殊字符

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/linukey/article/details/43919237

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


阅读更多

没有更多推荐了,返回首页