总结HTML/CSS中的特殊字符

零到壹度
零到壹度オリジナル
2018-04-20 11:05:325470ブラウズ

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浏览下器,直接无法显示。

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

目录

  1.   箭头类

  2.   基本形状类

  3.   货币类

  4.   数学类

  5.   音乐符号类

  6.   对错号

  7.   全都是星星

  8.   星座类

  9.   国际象棋类

  10.   扑克牌类

  11.   希腊字母

  12.   十字

  13.   法律符号

  14.   标点和符号


⇠  箭头类

符号 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 �024 ¢ ¢ u00A2 �0A2
£ £ u00A3 �0A3 ¤ ¤ u00A4 �0A4
u20AC 20AC ¥ ¥ u00A5 �0A5
u20B1 20B1 u20B9 20B9

½  数学类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
½ ½ u00BD �0BD ¼ ¼ u00BC �0BC
¾ ¾ u00BE �0BE u2153 2153
u2154 2154 u215B 215B
u215C 215C 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

©  法律符号

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
® ® u00AE �0AE © © u00A9 �0A9
u2117 2117 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
u2022 2022 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 u00B6 �0B6
u223C 223C u2260 2260

 

总结归类:

1.特色的

© © © 版权标志
|   | 竖线,常用作菜单或导航中的分隔符
· · · 圆点,有时被用来作为菜单分隔符
上箭头,常用作网页“返回页面顶部”标识
欧元标识
² ² ² 上标2,数学中的平方,在数字处理中常用到,例如:1000²
½ ½ ½ 二分之一
心型,用来表达你的心

2常用的

    空格
& & & and符号,与
" 引号
© © © 版权标志
® ® » 注册标志
商标标志
左双引号
右双引号
做单引号
右单引号
« « « 左三角双引号
» » » 右三角双引号
左三角单引号
右三角单引号
§ § § 章节标志
段落标志
列表圆点(大)
· · · 列表圆点(中)
省略号
|   | 竖线
¦ ¦ ¦ 断的竖线
短破折号
长破折号

3.货币类

¤ ¤ ¤ 一般货币符号
$   $ 美元符号
¢ ¢ ¢
£ £ £ 英镑
¥ ¥ ¥ 日元
欧元

4 数学类

<<<小于号
> > > 大于号
小于等于号
大于等于号
× × × 乘号
÷ &pide; ÷ 除号
减号
± ± ± 加/减 号
不等于号
¹ ¹ ¹ 上标1
² ² ² 上标2
³ ³ ³ 上标3
½ ½ ½ 二分之一
¼ ¼ ¼ 四分之一
¾ ¾ ¾ 四分之三
千分率
° ° °
平方根
无限大

5.方向类

左箭头
上箭头
右箭头
下箭头
左右箭头
回车箭头
左上限
右上限
左下限
右下限

其它



黑桃
梅花
红桃,心
方块牌
菱形
匕首
双剑号
¡ ¡ ¡ 反向感叹号
¿ ¿ ¿ 反向问号

⇠  箭头类

符号 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 �024 ¢ ¢ u00A2 �0A2
£ £ u00A3 �0A3 ¤ ¤ u00A4 �0A4
u20AC 20AC ¥ ¥ u00A5 �0A5
u20B1 20B1 u20B9 20B9

½  数学类

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
½ ½ u00BD �0BD ¼ ¼ u00BC �0BC
¾ ¾ u00BE �0BE u2153 2153
u2154 2154 u215B 215B
u215C 215C 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

©  法律符号

符号 UNICODE 符号 UNICODE
HTML JS CSS HTML JS CSS
® ® u00AE �0AE © © u00A9 �0A9
u2117 2117 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
u2022 2022 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 u00B6 �0B6
u223C 223C u2260 2260

以上が总结HTML/CSS中的特殊字符の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。