HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。
简单的介绍一下其使用方法:
1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“
2、列表符号后面有两列编号,第一列编号用于HTML文档中,需要在编号前面加上“&#”符号,比如说“向左箭头”符号对应的HTML编号是:“8672”,那么在文档中需要写成“⇠”;第二列编号用于CSS文档中,需要在编号前面加上反斜杠“”进行转义,比如说“向左箭头”符号对应的CSS编号是:“21E0”,那么在文档中需要写成“21E0”;同时第二列也可以用于JavaScript文档中,需要在编号前面加上“u”来进行转义,比如说“向左箭头”符号,在JavaScript文档中,我们就要写成“u21E0”.
使用的方法很简单,但要用好,我们还是需要注意一些细节上的要求:
1、有的字符在不同的浏览器下表现不太一样,比如“小雪人”在Firefox和Chrome下不太一样;
2、有的字符在某个浏览器下不会显示;
3、为了不造成损失,使用字符编码来代替某些符号时,请注意各个浏览器进行测试;
4、移动端对此支持度较差,特别是在Window phone下和UC浏览下器,直接无法显示。
箭头类
符号 | 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 |
yen 货币类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
$ | $ | u0024 | 024 | c | ¢ | u00A2 | 0A2 |
lb | £ | u00A3 | 0A3 | ¤ | ¤ | u00A4 | 0A4 |
EUR | € | u20AC | 20AC | yen | ¥ | u00A5 | 0A5 |
₱ | u20B1 | 20B1 | ₹ | u20B9 | 20B9 |
1/2 数学类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
1/2 | ½ | u00BD | 0BD | 1/4 | ¼ | u00BC | 0BC |
3/4 | ¾ | u00BE | 0BE | 1/3 | ⅓ | u2153 | 2153 |
2/3 | ⅔ | u2154 | 2154 | 1/8 | ⅛ | u215B | 215B |
3/8 | ⅜ | u215C | 215C | 5/8 | ⅝ | u215D | 215D |
‰ | ‰ | u2030 | 2030 | % | % | u0025 | 025 |
< | < | u003C | 03C | > | > | u003E | 03E |
音乐符号类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
♩ | u2669 | 2669 | ♪ | u266A | 266A | ||
♫ | u266B | 266B | ♬ | u266C | 266C | ||
♭ | u266D | 266D | ♯ | u266F | 266F |
对错号
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
  | u00A0 | 0A0 | ☐ | u2610 | 2610 | ||
☑ | u2611 | 2611 | ☒ | u2612 | 2612 | ||
✓ | u2713 | 2713 | ✔ | u2714 | 2714 | ||
✕ | u10005 | 10005 | ✖ | u2716 | 2716 | ||
✗ | u2717 | 2717 | ✘ | u2718 | 2718 |
★ 全都是星星
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
★ | ★ | u2605 | 2605 | ✭ | u272D | 272D | |
✮ | u272E | 272E | ☆ | ☆ | u2606 | 2606 | |
✪ | u272A | 272A | ✡ | u2721 | 2721 | ||
✯ | u272F | 272F | ✵ | u2735 | 2735 | ||
✶ | u2736 | 2736 | ✸ | u2738 | 2738 | ||
✹ | u2739 | 2739 | ✺ | u273A | 273A | ||
✱ | u2731 | 2731 | ✲ | u2732 | 2732 | ||
✴ | u2734 | 2734 | ✳ | u2733 | 2733 | ||
✻ | u273B | 273B | ✽ | u273D | 273D | ||
❋ | u274B | 274B | ❆ | u2746 | 2746 | ||
❄ | u2744 | 2744 | ❅ | u2745 | 2745 |
星座类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
♈ | u2648 | 2648 | ♉ | u2649 | 2649 | ||
♊ | u264A | 264A | ♋ | u264B | 264B | ||
♌ | u264C | 264C | ♍ | u264D | 264D | ||
♎ | u264E | 264E | ♏ | u264F | 264F | ||
♐ | u2650 | 2650 | ♑ | u2651 | 2651 | ||
♒ | u2652 | 2652 | ♓ | u2653 | 2653 |
国际象棋类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
♚ | u265A | 265A | ♛ | u265B | 265B | ||
♜ | u265C | 265C | ♝ | u265D | 265D | ||
♞ | u265E | 265E | ♟ | u265F | 265F | ||
♔ | u2654 | 2654 | ♕ | u2655 | 2655 | ||
♖ | u2656 | 2656 | ♗ | u2657 | 2657 | ||
♘ | u2658 | 2658 | ♙ | u2659 | 2659 |
扑克牌类
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
♠ | u2660 | 2660 | ♣ | u2663 | 2663 | ||
♥ | u2665 | 2665 | ♦ | u2666 | 2666 | ||
♤ | u2664 | 2664 | ♧ | u2667 | 2667 | ||
♡ | u2661 | 2661 | ♢ | u2662 | 2662 |
Ω 希腊字母
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
Α | Α | u0391 | 391 | Β | Β | u0392 | 392 |
Γ | Γ | u0393 | 393 | Δ | Δ | u0394 | 394 |
Ε | Ε | u0395 | 395 | Ζ | Ζ | u0396 | 396 |
Η | Η | u0397 | 397 | Θ | Θ | u0398 | 398 |
Ι | Ι | u0399 | 399 | Κ | Κ | u039A | 39A |
Λ | Λ | u039B | 39B | Μ | Μ | u039C | 39C |
Ν | Ν | u039D | 39D | Ξ | Ξ | u039E | 39E |
Ο | Ο | u039F | 39F | Π | Π | u03A0 | 3A0 |
Ρ | Ρ | u03A1 | 3A1 | Σ | Σ | u03A3 | 3A3 |
Τ | Τ | u03A4 | 3A4 | Υ | Υ | u03A5 | 3A5 |
Φ | Φ | u03A6 | 3A6 | Χ | Χ | u03A7 | 3A7 |
Ψ | Ψ | u03A8 | 3A8 | Ω | Ω | u03A9 | 3A9 |
十字
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
☨ | u2628 | 2628 | ☩ | u2629 | 2629 | ||
✝ | u271D | 271D | ✞ | u271E | 271E | ||
✟ | u271F | 271F | ✠ | u2720 | 2720 | ||
✚ | u271A | 271A | + | † | u2020 | 2020 | |
✢ | u2722 | 2722 | ✤ | u2724 | 2724 | ||
✣ | u2723 | 2723 | ✥ | u2725 | 2725 |
(c) 法律符号
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
(R) | ® | u00AE | 0AE | (c) | © | u00A9 | 0A9 |
℗ | u2117 | 2117 | TM | ™ | u0099 | 099 | |
℠ | u2120 | 2120 |
@ 标点和符号
符号 | UNICODE | 符号 | UNICODE | ||||
---|---|---|---|---|---|---|---|
HTML | JS | CSS | HTML | JS | CSS | ||
<< | « | u00AB | 0AB | >> | » | u00BB | 0BB |
< | ‹ | u008B | 08B | > | › | u009B | 09B |
“ | “ | u201C | 201C | ” | ” | u201D | 201D |
‘ | ‘ | u2018 | 2018 | ’ | ’ | u2019 | 2019 |
o | • | u2022 | 2022 | o | ◦ | u25E6 | 25E6 |
! | ¡ | u00A1 | 0A1 | ? | ¿ | u00BF | 0BF |
℅ | ℅ | u2105 | 2105 | № | № | u2116 | 2116 |
& | & | u0026 | 026 | @ | @ | u0040 | 040 |
℞ | u211E | 211E | ℃ | ℃ | u2103 | 2103 | |
℉ | ℉ | u2109 | 2109 | ° | ° | u00B0 | 0B0 |
| | | | u007C | 07C | | | ¦ | u00A6 | 0A6 |
– | – | u2013 | 2013 | — | — | u2014 | 2014 |
… | … | u2026 | 2026 | P | ¶ | u00B6 | 0B6 |
~ | ∼ | u223C | 223C | ≠ | ≠ | u2260 | 2260 |
总结归类:
1.特色的
(c) | © | (c) | 版权标志 |
| | | | 竖线,常用作菜单或导航中的分隔符 | |
· | · | · | 圆点,有时被用来作为菜单分隔符 |
↑ | ↑ | ↑ | 上箭头,常用作网页“返回页面顶部”标识 |
EUR | € | EUR | 欧元标识 |
^2 | ² | ^2 | 上标2,数学中的平方,在数字处理中常用到,例如:1000^2 |
1/2 | ½ | 1/2 | 二分之一 |
♥ | 心型,用来表达你的心 |
2常用的
| 空格 | ||
& | & | & | and符号,与 |
“ | " | “ | 引号 |
(c) | © | (c) | 版权标志 |
(R) | ® | >> | 注册标志 |
TM | ™ | TM | 商标标志 |
“ | “ | “ | 左双引号 |
” | ” | ” | 右双引号 |
‘ | ‘ | ‘ | 做单引号 |
’ | ’ | ’ | 右单引号 |
<< | « | << | 左三角双引号 |
>> | » | >> | 右三角双引号 |
< | ‹ | < | 左三角单引号 |
> | › | > | 右三角单引号 |
§ | § | § | 章节标志 |
P | ¶ | P | 段落标志 |
o | • | o | 列表圆点(大) |
· | · | · | 列表圆点(中) |
… | … | … | 省略号 |
| | | | 竖线 | |
| | ¦ | | | 断的竖线 |
– | – | – | 短破折号 |
— | — | — | 长破折号 |
3.货币类
¤ | ¤ | ¤ | 一般货币符号 |
$ | $ | 美元符号 | |
c | ¢ | c | 分 |
lb | £ | lb | 英镑 |
yen | ¥ | yen | 日元 |
EUR | € | EUR | 欧元 |
4 数学类
< | < | < | 小于号 |
> | > | > | 大于号 |
≤ | ≤ | ≤ | 小于等于号 |
≥ | ≥ | ≥ | 大于等于号 |
× | × | × | 乘号 |
÷ | ÷ | ÷ | 除号 |
- | − | - | 减号 |
± | ± | ± | 加/减 号 |
≠ | ≠ | ≠ | 不等于号 |
^1 | ¹ | ^1 | 上标1 |
^2 | ² | ^2 | 上标2 |
^3 | ³ | ^3 | 上标3 |
1/2 | ½ | 1/2 | 二分之一 |
1/4 | ¼ | 1/4 | 四分之一 |
3/4 | ¾ | 3/4 | 四分之三 |
‰ | ‰ | ‰ | 千分率 |
° | ° | ° | 度 |
√ | √ | √ | 平方根 |
∞ | ∞ | ∞ | 无限大 |
5.方向类
← | ← | ← | 左箭头 |
↑ | ↑ | ↑ | 上箭头 |
→ | → | → | 右箭头 |
↓ | ↓ | ↓ | 下箭头 |
<-> | ↔ | <-> | 左右箭头 |
↵ | 回车箭头 | ||
⌈ | 左上限 | ||
⌉ | 右上限 | ||
⌊ | 左下限 | ||
⌋ | 右下限 |
6 其它
♠ | 黑桃 | ||
♣ | 梅花 | ||
♥ | 红桃,心 | ||
♦ | 方块牌 | ||
◊ | 菱形 | ||
+ | † | + | 匕首 |
‡ | 双剑号 | ||
! | ¡ | ! | 反向感叹号 |
? | ¿ | ? | 反向问号 |