HTML CSS 特殊字符表

HTML有许多特殊的字符,您对此有多少了解?平时在WEB制作中,您又有用到多少?或者说你在平时使用之时,是否也会碰到,有许多特殊字符要如何打印出来?比如说“笑脸”,比如说“版权号”。要是你用时忘记了这些特殊字符,不要紧,请记住今天这个地址,你就随时可以查到这些特殊字符的表示方法。

简单的介绍一下其使用方法:

1、这些字符属于unicode字符集,你的文档需要声明为”utf-8“

2、列表符号后面有两列编号,第一列编号用于HTML文档中,需要在编号前面加上“&#”符号,比如说“向左箭头”符号对应的HTML编号是:“8672”,那么在文档中需要写成“&#8672”;第二列编号用于CSS文档中,需要在编号前面加上反斜杠“”进行转义,比如说“向左箭头”符号对应的CSS编号是:“21E0”,那么在文档中需要写成“21E0”;同时第二列也可以用于JavaScript文档中,需要在编号前面加上“u”来进行转义,比如说“向左箭头”符号,在JavaScript文档中,我们就要写成“u21E0”.

使用的方法很简单,但要用好,我们还是需要注意一些细节上的要求:

1、有的字符在不同的浏览器下表现不太一样,比如“小雪人”在Firefox和Chrome下不太一样;

2、有的字符在某个浏览器下不会显示;

3、为了不造成损失,使用字符编码来代替某些符号时,请注意各个浏览器进行测试;

4、移动端对此支持度较差,特别是在Window phone下和UC浏览下器,直接无法显示。

基于上面几个不足之处,大家在使用过程请考虑周详,详细的列表请看:

 

⇠  箭头类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
⇠ &#8672 u21E0 21E0 ⇢ &#8674 u21E2 21E2
⇡ &#8673 u21E1 21E1 ⇣ &#8675 u21E3 21E3
↞ &#8606 u219E 219E ↠ &#8608 u21A0 21A0
↟ &#8607 u219F 219F ↡ &#8609 u21A1 21A1
← &#8592 u2190 2190 → &#8594 u2192 2192
↑ &#8593 u2191 2191 ↓ &#8595 u2193 2193
↔ &#8596 u2194 2194 ↕ &#8597 u2195 2195
⇄ &#8644 u21C4 21C4 ⇅ &#8645 u21C5 21C5
↢ &#8610 u21A2 21A2 ↣ &#8611 u21A3 21A3
⇞ &#8670 u21DE 21DE ⇟ &#8671 u21DF 21DF
↫ &#8619 u21AB 21AB ↬ &#8620 u21AC 21AC
⇜ &#8668 u21DC 21DC ⇝ &#8669 u21DD 21DD
↚ &#8602 u219A 219A ↛ &#8603 u219B 219B
↮ &#8622 u21AE 21AE ↭ &#8621 u21AD 21AD
⇦ &#8678 u21E6 21E6 ⇨ &#8680 u21E8 21E8
⇧ &#8679 u21E7 21E7 ⇩ &#8681 u21E9 21E9
▲ &#9650 u25B2 25B2 ► &#9658 u25BA 25BA
▼ &#9660 u25BC 25BC ◄ &#9668 u25C4 25C4
➔ &#10132 u2794 2794 ➙ &#10137 u2799 2799
➨ &#10152 u27A8 27A8 ➲ &#10162 u27B2 27B2
➜ &#10140 u279C 279C ➞ &#10142 u279E 279E
➟ &#10143 u279F 279F ➠ &#10144 u27A0 27A0
➤ &#10148 u27A4 27A4 ➥ &#10149 u27A5 27A5
➦ &#10150 u27A6 27A6 ➧ &#10151 u27A7 27A7
➵ &#10165 u27B5 27B5 ➸ &#10168 u27B8 27B8
➼ &#10172 u27BC 27BC ➽ &#10173 u27BD 27BD
➺ &#10170 u27BA 27BA ➳ &#10163 u27B3 27B3
↷ &#8631 u21B7 21B7 ↶ &#8630 u21B6 21B6
↻ &#8635 u21BB 21BB ↺ &#8634 u21BA 21BA
↵ &#8629 u21B5 21B5 ↯ &#8623 u21AF 21AF
➾ &#10174 u27BE 27BE        

❤  基本形状类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
❤ &#10084 u2764 2764 ✈ &#9992 u2708 2708
★ &#9733 u2605 2605 ✦ &#10022 u2726 2726
☀ &#9728 u2600 2600 ◆ &#9670 u25C6 25C6
◈ &#9672 u25C8 25C8 ▣ &#9635 u25A3 25A3
☻ &#9787 u263B 263B ☺ &#9786 u263A 263A
☹ &#9785 u2639 2639 ✉ &#9993 u2709 2709
☎ &#9742 u260E 260E ☏ &#9743 u260F 260F
✆ &#9990 u2706 2706 � &#65533 uFFFD FFFD
☁ &#9729 u2601 2601 ☂ &#9730 u2602 2602
❄ &#10052 u2744 2744 ☃ &#9731 u2603 2603
❈ &#10056 u2748 2748 ✿ &#10047 u273F 273F
❀ &#10048 u2740 2740 ❁ &#10049 u2741 2741
☘ &#9752 u2618 2618 ❦ &#10086 u2766 2766
☕ &#9749 u9749 9749 ❂ &#10050 u2742 2742
☥ &#9765 u2625 2625 ☮ &#9774 u262E 262E
☯ &#9775 u262F 262F ☪ &#9770 u262A 262A
☤ &#9764 u2624 2624 ✄ &#9988 u2704 2704
✂ &#9986 u2702 2702 ☸ &#9784 u2638 2638
⚓ &#9875 u2693 2693 ☣ &#9763 u2623 2623
⚠ &#9888 u26A0 26A0 ⚡ &#9889 u26A1 26A1
☢ &#9762 u2622 2622 ♻ &#9851 u267B 267B
♿ &#9855 u267F 267F ☠ &#9760 u2620 2620

¥  货币类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
$ &#36 u0024 �024 ¢ &#162 u00A2 �0A2
£ &#163 u00A3 �0A3 ¤ &#164 u00A4 �0A4
€ &#8364 u20AC 20AC ¥ &#165 u00A5 �0A5
₱ &#8369 u20B1 20B1 ₹ &#8377 u20B9 20B9

½  数学类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
½ &#189 u00BD �0BD ¼ &#188 u00BC �0BC
¾ &#190 u00BE �0BE ⅓ &#8531 u2153 2153
⅔ &#8532 u2154 2154 ⅛ &#8539 u215B 215B
⅜ &#8540 u215C 215C ⅝ &#8541 u215D 215D
‰ &#8240 u2030 2030 % &#37 u0025 �025
< &#60 u003C �03C > &#62 u003E �03E

♫  音乐符号类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
♩ &#9833 u2669 2669 ♪ &#9834 u266A 266A
♫ &#9835 u266B 266B ♬ &#9836 u266C 266C
♭ &#9837 u266D 266D ♯ &#9839 u266F 266F

✖  对错号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
  &#160 u00A0 �0A0 ☐ &#9744 u2610 2610
☑ &#9745 u2611 2611 ☒ &#9746 u2612 2612
✓ &#10003 u2713 2713 ✔ &#10004 u2714 2714
✕ &#10005 u10005 10005 ✖ &#10006 u2716 2716
✗ &#10007 u2717 2717 ✘ &#10008 u2718 2718

★  全都是星星

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
★ &#9733 u2605 2605 ✭ &#10029 u272D 272D
✮ &#10030 u272E 272E ☆ &#9734 u2606 2606
✪ &#10026 u272A 272A ✡ &#10017 u2721 2721
✯ &#10031 u272F 272F ✵ &#10037 u2735 2735
✶ &#10038 u2736 2736 ✸ &#10040 u2738 2738
✹ &#10041 u2739 2739 ✺ &#10042 u273A 273A
✱ &#10033 u2731 2731 ✲ &#10034 u2732 2732
✴ &#10036 u2734 2734 ✳ &#10035 u2733 2733
✻ &#10043 u273B 273B ✽ &#10045 u273D 273D
❋ &#10059 u274B 274B ❆ &#10054 u2746 2746
❄ &#10052 u2744 2744 ❅ &#10053 u2745 2745

♒  星座类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
♈ &#9800 u2648 2648 ♉ &#9801 u2649 2649
♊ &#9802 u264A 264A ♋ &#9803 u264B 264B
♌ &#9804 u264C 264C ♍ &#9805 u264D 264D
♎ &#9806 u264E 264E ♏ &#9807 u264F 264F
♐ &#9808 u2650 2650 ♑ &#9809 u2651 2651
♒ &#9810 u2652 2652 ♓ &#9811 u2653 2653

♚  国际象棋类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
♚ &#9818 u265A 265A ♛ &#9819 u265B 265B
♜ &#9820 u265C 265C ♝ &#9821 u265D 265D
♞ &#9822 u265E 265E ♟ &#9823 u265F 265F
♔ &#9812 u2654 2654 ♕ &#9813 u2655 2655
♖ &#9814 u2656 2656 ♗ &#9815 u2657 2657
♘ &#9816 u2658 2658 ♙ &#9817 u2659 2659

♣  扑克牌类

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
♠ &#9824 u2660 2660 ♣ &#9827 u2663 2663
♥ &#9829 u2665 2665 ♦ &#9830 u2666 2666
♤ &#9828 u2664 2664 ♧ &#9831 u2667 2667
♡ &#9825 u2661 2661 ♢ &#9826 u2662 2662

Ω  希腊字母

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
Α &#913 u0391 �391 Β &#914 u0392 �392
Γ &#915 u0393 �393 Δ &#916 u0394 �394
Ε &#917 u0395 �395 Ζ &#918 u0396 �396
Η &#919 u0397 �397 Θ &#920 u0398 �398
Ι &#921 u0399 �399 Κ &#922 u039A �39A
Λ &#923 u039B �39B Μ &#924 u039C �39C
Ν &#925 u039D �39D Ξ &#926 u039E �39E
Ο &#927 u039F �39F Π &#928 u03A0 �3A0
Ρ &#929 u03A1 �3A1 Σ &#931 u03A3 �3A3
Τ &#932 u03A4 �3A4 Υ &#933 u03A5 �3A5
Φ &#934 u03A6 �3A6 Χ &#935 u03A7 �3A7
Ψ &#936 u03A8 �3A8 Ω &#937 u03A9 �3A9

☩  十字

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
☨ &#9768 u2628 2628 ☩ &#9769 u2629 2629
✝ &#10013 u271D 271D ✞ &#10014 u271E 271E
✟ &#10015 u271F 271F ✠ &#10016 u2720 2720
✚ &#10010 u271A 271A † &#8224 u2020 2020
✢ &#10018 u2722 2722 ✤ &#10020 u2724 2724
✣ &#10019 u2723 2723 ✥ &#10021 u2725 2725

©  法律符号

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
® &#174 u00AE �0AE © &#169 u00A9 �0A9
℗ &#8471 u2117 2117 ™ &#153 u0099 �099
℠ &#8480 u2120 2120        

@  标点和符号

 

符号UNICODE符号UNICODE
HTMLJSCSSHTMLJSCSS
« &#171 u00AB �0AB » &#187 u00BB �0BB
‹ &#139 u008B �08B › &#155 u009B �09B
“ &#8220 u201C 201C ” &#8221 u201D 201D
‘ &#8216 u2018 2018 ’ &#8217 u2019 2019
• &#8226 u2022 2022 ◦ &#9702 u25E6 25E6
¡ &#161 u00A1 �0A1 ¿ &#191 u00BF �0BF
℅ &#8453 u2105 2105 № &#8470 u2116 2116
& &#38 u0026 �026 @ &#64 u0040 �040
℞ &#8478 u211E 211E ℃ &#8451 u2103 2103
℉ &#8457 u2109 2109 ° &#176 u00B0 �0B0
| &#124 u007C �07C ¦ &#166 u00A6 �0A6
– &#8211 u2013 2013 — &#8212 u2014 2014
… &#8230 u2026 2026 &#182 u00B6 �0B6
∼ &#8764 u223C 223C ≠ &#8800 u2260 2260

 

总结归类:

1.特色的
© &copy; © 版权标志
|   | 竖线,常用作菜单或导航中的分隔符
· &middot; · 圆点,有时被用来作为菜单分隔符
↑ &uarr; ↑ 上箭头,常用作网页“返回页面顶部”标识
€ &euro; € 欧元标识
² &sup2; ² 上标2,数学中的平方,在数字处理中常用到,例如:1000²
½ &frac12; ½ 二分之一
♥ &hearts; ♥ 心型,用来表达你的心
2常用的
  &nbsp;   空格
& &amp; & and符号,与
“ &quot; “ 引号
© &copy; © 版权标志
® &reg; » 注册标志
™ &trade; ™ 商标标志
“ &ldquo; “ 左双引号
” &rdquo; ” 右双引号
‘ &lsquo; ‘ 做单引号
’ &rsquo; ’ 右单引号
« &laquo; « 左三角双引号
» &raquo; » 右三角双引号
‹ &lsaquo; ‹ 左三角单引号
› &rsaquo; › 右三角单引号
§ &sect; § 章节标志
&para; 段落标志
• &bull; • 列表圆点(大)
· &middot; · 列表圆点(中)
… &hellip; … 省略号
|   | 竖线
¦ &brvbar; ¦ 断的竖线
– &ndash; – 短破折号
— &mdash; — 长破折号
3.货币类
¤ &curren; ¤ 一般货币符号
$   $ 美元符号
¢ &cent; ¢ 分
£ &pound; £ 英镑
¥ &yen; ¥ 日元
€ &euro; € 欧元
4 数学类
< &lt; < 小于号
> &gt; > 大于号
≤ &le; ≤ 小于等于号
≥ &ge; ≥ 大于等于号
× &times; × 乘号
÷ &divide; ÷ 除号
− &minus; − 减号
± &plusmn; ± 加/减 号
≠ &ne; ≠ 不等于号
¹ &sup1; ¹ 上标1
² &sup2; ² 上标2
³ &sup3; ³ 上标3
½ &frac12; ½ 二分之一
¼ &frac14; ¼ 四分之一
¾ &frac34; ¾ 四分之三
‰ &permil; ‰ 千分率
° &deg; ° 度
√ &radic; √ 平方根
∞ &infin; ∞ 无限大
5.方向类
← &larr; ← 左箭头
↑ &uarr; ↑ 上箭头
→ &rarr; → 右箭头
↓ &darr; ↓ 下箭头
↔ &harr; ↔ 左右箭头
↵ &crarr; ↵ 回车箭头
⌈ &lceil; ⌈ 左上限
⌉ &rceil; ⌉ 右上限
⌊ &lfloor; ⌊ 左下限
⌋ &rfloor; ⌋ 右下限
6 其它

 

♠ &spades; ♠ 黑桃
♣ &clubs; ♣ 梅花
♥ &hearts; ♥ 红桃,心
♦ &diams; ♦ 方块牌
◊ &loz; ◊ 菱形
† &dagger; † 匕首
‡ &Dagger; ‡ 双剑号
¡ &iexcl; ¡ 反向感叹号
¿ &iquest; ¿ 反向问号

posted @ 2019-03-29 09:47  vealenso  阅读(146)  评论(0)    收藏  举报