前端观察之特殊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,比如,–在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
- &#×××; ××× 2708
- ★ 9733 2605
- ✦ 10022 2726
- ☀ 9728 2600
- ◆ 9670 25C6
- ◈ 9672 25C8
- ▣ 9635 25A3
更多 详见 链接