HTML 的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某些特殊的视觉效果。
# 使用方法
- 这些字符属于 uincode 字符集,所以,你的文档需要声明为 UTF-8
- 下面符号列表的后面有两列编号,html 列是用于 html 文档的,你需要在前面加上
&#
符号 - js/css 列用于 js 和 css 文件,js 文件用
\u
转义,css 则用\
来转义
# 注意事项
- 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在 Firefox 和 Chrome 下不太一样,钻石 ◆ 在 IE 下要比 Chrome 下要大一点儿
- 有的字符在某个浏览器下不会显示,当然原因并不是字符代码的问题,而是浏览器的 bug,比如,– 在 Chrome 下。。。
- 但是,98% 的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番
- 经测试这些字符在 Android/iOS 等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~
# 速查表
特殊符号 | html | js/css | 特殊符号 | html | js/css |
---|---|---|---|---|---|
⇠ | 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; |
↵ | 8629; | 21B5; | ↯ | 8623; | 21AF; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
➔ | 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; | « | 171; | 00AB; |
» | 187; | 00BB; | ‹ | 139; | 008B; |
› | 155; | 009B; | ¡ | 161; | 00A1; |
¿ | 191; | 00BF; | ℅ | 8453; | 2105; |
№ | 8470; | 2116; | & | 38; | 0026; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
@ | 64; | 0040; | ℞ | 8478; | 211E; |
℃ | 8451; | 2103; | ℉ | 8457; | 2109; |
° | 176; | 00B0; | | | 124; | 007C; |
¦ | 166; | 00A6; | – | 8211; | 2013; |
— | 8212; | 2014; | … | 8230; | 2026; |
¶ | 182; | 00B6; | ∼ | 8764; | 223C; |
≠ | 8800; | 2260; | ® | 174; | 00AE; |
© | 169; | 00A9; | ℗ | 8471; | 2117; |
™ | 153; | 0099; | ℠ | 8480; | 2120; |
$ | 36; | 0024; | ¢ | 162; | 00A2; |
£ | 163; | 00A3; | ¤ | 164; | 00A4; |
€ | 8364; | 20AC; | ¥ | 165; | 00A5; |
₱ | 8369; | 20B1; | ₹ | 8377; | 20B9; |
½ | 189; | 00BD; | ¼ | 188; | 00BC; |
¾ | 190; | 00BE; | ⅓ | 8531; | 2153; |
⅔ | 8532; | 2154; | ⅛ | 8539; | 215B; |
⅜ | 8540; | 215C; | ⅝ | 8541; | 215D; |
‰ | 8240; | 2030; | % | 37; | 0025; |
< | 60; | 003C; | > | 62; | 003E; |
♩ | 9833; | 2669; | ♪ | 9834; | 266A; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
♫ | 9835; | 266B; | ♬ | 9836; | 266C; |
♭ | 9837; | 266D; | ♯ | 9839; | 266F; |
☑ | 9745; | 2611; | ☒ | 9746; | 2612; |
✓ | 10003; | 2713; | ✔ | 10004; | 2714; |
✕ | 10005; | 10005; | ✖ | 10006; | 2716; |
✗ | 10007; | 2717; | ✘ | 10008; | 2718; |
☨ | 9768; | 2628; | ☩ | 9769; | 2629; |
✝ | 10013; | 271D; | ✞ | 10014; | 271E; |
✟ | 10015; | 271F; | ✠ | 10016; | 2720; |
✚ | 10010; | 271A; | † | 8224; | 2020; |
✢ | 10018; | 2722; | ✤ | 10020; | 2724; |
✣ | 10019; | 2723; | ✥ | 10021; | 2725; |
★ | 9733; | 2605; | ✭ | 10029; | 272D; |
✮ | 10030; | 272E; | ☆ | 9734; | 2606; |
✪ | 10026; | 272A; | ✡ | 10017; | 2721; |
✯ | 10031; | 272F; | ✵ | 10037; | 2735; |
✶ | 10038; | 2736; | ✸ | 10040; | 2738; |
✹ | 10041; | 2739; | ✺ | 10042; | 273A; |
✱ | 10033; | 2731; | ✲ | 10034; | 2732; |
✴ | 10036; | 2734; | ✳ | 10035; | 2733; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
✻ | 10043; | 273B; | ✽ | 10045; | 273D; |
❋ | 10059; | 274B; | ❆ | 10054; | 2746; |
❄ | 10052; | 2744; | ❅ | 10053; | 2745; |
☻ | 9787; | 263B; | ☺ | 9786; | 263A; |
☹ | 9785; | 2639; | ✉ | 9993; | 2709; |
☎ | 9742; | 260E; | ☏ | 9743; | 260F; |
✆ | 9990; | 2706; | � | 65533; | FFFD; |
☁ | 9729; | 2601; | ☂ | 9730; | 2602; |
❄ | 10052; | 2744; | ☃ | 9731; | 2603; |
❈ | 10056; | 2748; | ✿ | 10047; | 273F; |
❀ | 10048; | 2740; | ❁ | 10049; | 2741; |
❦ | 10086; | 2766; | ❂ | 10050; | 2742; |
☥ | 9765; | 2625; | ☮ | 9774; | 262E; |
☯ | 9775; | 262F; | ☪ | 9770; | 262A; |
☤ | 9764; | 2624; | ✄ | 9988; | 2704; |
✂ | 9986; | 2702; | ☸ | 9784; | 2638; |
☣ | 9763; | 2623; | ☢ | 9762; | 2622; |
☠ | 9760; | 2620; | ☜ | 9756; | 261C; |
☞ | 9758; | 261E; | ☝ | 9757; | 261D; |
☟ | 9759; | 261F; | ✌ | 9996; | 270C; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
✍ | 9997; | 270D; | ✎ | 9998; | 270E; |
✐ | 10000; | 2710; | ✏ | 9999; | 270F; |
✑ | 10001; | 2711; | ✒ | 10002; | 2712; |
☽ | 9789; | 263D; | ☾ | 9790; | 263E; |
♂ | 9794; | 2642; | ♀ | 9792; | 2640; |
☿ | 9791 | 263F; | ♁ | 9793; | 2641; |
♃ | 9795; | 2643; | ♄ | 9796; | 2644; |
♅ | 9797 | 2645; | ♆ | 9798; | 2646; |
♇ | 9799; | 2647; | ♈ | 9800 | 2648; |
♉ | 9801; | 2649; | ♊ | 9802; | 264A; |
♋ | 9803; | 264B; | ♌ | 9804 | 264C; |
♍ | 9805; | 264D; | ♎ | 9806; | 264E; |
♏ | 9807; | 264F; | ♑ | 9809; | 2651; |
♒ | 9810; | 2652; | ♓ | 9811; | 2653; |
♚ | 9818; | 265A; | ♛ | 9819; | 265B; |
♜ | 9820; | 265C; | ♝ | 9821; | 265D; |
♞ | 9822; | 265E; | ♟ | 9823; | 265F; |
♔ | 9812; | 2654; | ♕ | 9813; | 2655; |
♖ | 9814; | 2656; | ♗ | 9815; | 2657; |
♘ | 9816; | 2658; | ♙ | 9817; | 2659; |
特殊符号 | html | js/css | 特殊符号 | html | js/css |
♠ | 9824; | 2660; | ♣ | 9827; | 2663; |
♥ | 9829; | 2665; | ♦ | 9830; | 2666; |
♤ | 9828; | 2664; | ♧ | 9831; | 2667; |
♡ | 9825; | 2661; | ♢ | 9826; | 2662; |
Θ | 920; | 0398; | Λ | 923; | 039B; |
Ξ | 926; | 039E; | Π | 928; | 03A0; |
Σ | 931; | 03A3; | Φ | 934; | 03A6; |
Ψ | 936; | 03A8; | Ω | 937; | 03A9; |