平时写代码很少用到HTML的特殊字符,最常用的可能是
了,但有时在移动端为了节省时间,可能会用这些字符实现某种特殊效果,现整理如下:
使用方法:
- 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;
- 编号用在HTML中时,需要在前面加上
&#
符号;
- 用于CSS文件中,但是需要用反斜杠
转义;
- 用于JavaScript,和CSS用法一样,不过要用
u
来转义。
需要注意:
- 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;
- 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,–在Chrome下。
- 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。
- 经测试这些字符在Android/iOS等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~
表格归类:
⇠ 箭头类
符号 | UNICODE | 符号 | UNICODE |
HTML | JS | CSS | HTML | JS | CSS |
⇠ |
⇠ |
u21E0 |
21E0 |
⇢ |
⇢ |
u21E2 |
21E2 |
⇡ |
⇡ |
u21E1 |
21E1 |
⇣ |
⇣ |
u21E3 |
21E3 |
↞ |
↞ |
u219E |
219E |
↠ |
↠ |
u21A0 |
21A0 |
↟ |
↟ |
u219F |
219F |
↡ |
↡ |
u21A1 |
21A1 |
← |
← |
u2190 |
2190 |
→ |
→ |
u2192 |
2192 |
↑ |
↑ |
u2191 |
2191 |
↓ |
↓ |
u2193 |
2193 |
↔ |
↔ |
u2194 |
2194 |
↕ |
↕ |
u2195 |
2195 |
⇄ |
⇄ |
u21C4 |
21C4 |
⇅ |
⇅ |
u21C5 |
21C5 |
↢ |
↢ |
u21A2 |
21A2 |
↣ |
↣ |
u21A3 |
21A3 |
⇞ |
⇞ |
u21DE |
21DE |
⇟ |
⇟ |
u21DF |
21DF |
↫ |
↫ |
u21AB |
21AB |
↬ |
↬ |
u21AC |
21AC |
⇜ |
⇜ |
u21DC |
21DC |
⇝ |
⇝ |
u21DD |
21DD |
↚ |
↚ |
u219A |
219A |
↛ |
↛ |
u219B |
219B |
↮ |
↮ |
u21AE |
21AE |
↭ |
↭ |
u21AD |
21AD |
⇦ |
⇦ |
u21E6 |
21E6 |
⇨ |
⇨ |
u21E8 |
21E8 |
⇧ |
⇧ |
u21E7 |
21E7 |
⇩ |
⇩ |
u21E9 |
21E9 |
▲ |
▲ |
u25B2 |
25B2 |
► |
► |
u25BA |
25BA |
▼ |
▼ |
u25BC |
25BC |
◄ |
◄ |
u25C4 |
25C4 |
➔ |
➔ |
u2794 |
2794 |
➙ |
➙ |
u2799 |
2799 |
➨ |
➨ |
u27A8 |
27A8 |
➲ |
➲ |
u27B2 |
27B2 |
➜ |
➜ |
u279C |
279C |
➞ |
➞ |
u279E |
279E |
➟ |
➟ |
u279F |
279F |
➠ |
➠ |
u27A0 |
27A0 |
➤ |
➤ |
u27A4 |
27A4 |
➥ |
➥ |
u27A5 |
27A5 |
➦ |
➦ |
u27A6 |
27A6 |
➧ |
➧ |
u27A7 |
27A7 |
➵ |
➵ |
u27B5 |
27B5 |
➸ |
➸ |
u27B8 |
27B8 |
➼ |
➼ |
u27BC |
27BC |
➽ |
➽ |
u27BD |
27BD |
➺ |
➺ |
u27BA |
27BA |
➳ |
➳ |
u27B3 |
27B3 |
↷ |
↷ |
u21B7 |
21B7 |
↶ |
↶ |
u21B6 |
21B6 |
↻ |
↻ |
u21BB |
21BB |
↺ |
↺ |
u21BA |
21BA |
↵ |
↵ |
u21B5 |
21B5 |
↯ |
↯ |
u21AF |
21AF |
➾ |
➾ |
u27BE |
27BE |
|
|
|
|
❤ 基本形状类
符号 | UNICODE | 符号 | UNICODE |
HTML | JS | CSS | HTML | JS | CSS |
❤ |
❤ |
u2764 |
2764 |
✈ |
✈ |
u2708 |
2708 |
★ |
★ |
u2605 |
2605 |
✦ |
✦ |
u2726 |
2726 |
☀ |
☀ |
u2600 |
2600 |
◆ |
◆ |
u25C6 |
25C6 |
◈ |
◈ |
u25C8 |
25C8 |
▣ |
▣ |
u25A3 |
25A3 |
☻ |
☻ |
u263B |
263B |
☺ |
☺ |
u263A |
263A |
☹ |
☹ |
u2639 |
2639 |
✉ |
✉ |
u2709 |
2709 |
☎ |
☎ |
u260E |
260E |
☏ |
☏ |
u260F |
260F |
✆ |
✆ |
u2706 |
2706 |
� |
� |
uFFFD |
FFFD |
☁ |
☁ |
u2601 |
2601 |
☂ |
☂ |
u2602 |
2602 |
❄ |
❄ |
u2744 |
2744 |
☃ |
☃ |
u2603 |
2603 |
❈ |
❈ |
u2748 |
2748 |
✿ |
✿ |
u273F |
273F |
❀ |
❀ |
u2740 |
2740 |
❁ |
❁ |
u2741 |
2741 |
☘ |
☘ |
u2618 |
2618 |
❦ |
❦ |
u2766 |
2766 |
☕ |
☕ |
u9749 |
9749 |
❂ |
❂ |
u2742 |
2742 |
☥ |
☥ |
u2625 |
2625 |
☮ |
☮ |
u262E |
262E |
☯ |
☯ |
u262F |
262F |
☪ |
☪ |
u262A |
262A |
☤ |
☤ |
u2624 |
2624 |
✄ |
✄ |
u2704 |
2704 |
✂ |
✂ |
u2702 |
2702 |
☸ |
☸ |
u2638 |
2638 |
⚓ |
⚓ |
u2693 |
2693 |
☣ |
☣ |
u2623 |
2623 |
⚠ |
⚠ |
u26A0 |
26A0 |
⚡ |
⚡ |
u26A1 |
26A1 |
☢ |
☢ |
u2622 |
2622 |
♻ |
♻ |
u267B |
267B |
♿ |
♿ |
u267F |
267F |
☠ |
☠ |
u2620 |
2620 |
¥ 货币类
符号 | UNICODE | 符号 | UNICODE |
HTML | JS | CSS | HTML | JS | CSS |
$ |
$ |
u0024 |
|