前端观察之特殊utf-8 unicode 字符大全

http://www.qianduan.net/html-special-characters-daquan.html

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

使用方法:

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

需要主意的是:

  • 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;
  • 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,�C在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


更多 详见 链接


你可能感兴趣的:(html,unicode,特殊字符,utf8,休闲)