資訊專欄INFORMATION COLUMN
摘要：綜合來看，從實用性上暫時沒看出有什么缺陷，所以目前用不用取決于你對于遵循規范有多潔癖。
大家最常用作圖標的元素是i標簽，為什么呢？
綜合來看，從實用性上暫時沒看出有什么缺陷，所以目前用不用 取決于你對于遵循規范有多潔癖。
? ? ? ? ?具體如何在元素內容前后添加圖標呢？這就要用使用偽元素:before和after，語法：
cssSelector:before{…} cssSelector.after{…}
?
#example:before { content:url(imgUrl); … }
#example:before { content:”21E0”; … }
|
符號 |
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 |
| ||||