码迷,mamicode.com
首页 > Web开发 > 详细

HTML CSS 特殊字符表

时间:2017-04-28 01:03:03      阅读:803      评论:0      收藏:0      [点我收藏+]

标签:tab   min   asc   扑克牌   ret   列表   href   javascrip   code   

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; 欧元标识
2 &sup2; 2 上标2,数学中的平方,在数字处理中常用到,例如:10002
? &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; 不等于号
1 &sup1; 1 上标1
2 &sup2; 2 上标2
3 &sup3; 3 上标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; ? 反向问号

HTML CSS 特殊字符表

标签:tab   min   asc   扑克牌   ret   列表   href   javascrip   code   

原文地址:http://www.cnblogs.com/liuxd/p/6778384.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!