HTML CSS 特殊字符表

<div class="blogpost-body" id="cnblogs_post_body">
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浏览下器，直接无法显示。
基于上面几个不足之处，大家在使用过程请考虑周详，详细的列表请看：
目录
<ol><li> 箭头类</li><li> 基本形状类</li><li> 货币类</li><li> 数学类</li><li> 音乐符号类</li><li> 对错号</li><li> 全都是星星</li><li> 星座类</li><li> 国际象棋类</li><li> 扑克牌类</li><li> 希腊字母</li><li> 十字</li><li> 法律符号</li><li> 标点和符号</li></ol>
<ul><li> <h3> 箭头类</h3> </li></ul>
<table cellpadding="8" cellspacing="0"><tbody><tr><th rowspan="2">符号</th><th colspan="3">UNICODE</th><th rowspan="2">符号</th><th colspan="3">UNICODE</th></tr><tr><th>HTML</th><th>JS</th><th>CSS</th><th>HTML</th><th>JS</th><th>CSS</th></tr><tr><td></td><td>&#8672</td><td>u21E0</td><td>21E0</td><td></td><td>&#8674</td><td>u21E2</td><td>21E2</td></tr><tr><td></td><td>&#8673</td><td>
 <ul><li>u21E1</li></ul></td><td>21E1</td><td></td><td>&#8675</td><td>u21E3</td><td>21E3</td></tr><tr><td></td><td>&#8606</td><td>u219E</td><td>219E</td><td></td><td>&#8608</td><td>u21A0</td><td>21A0</td></tr><tr><td></td><td>&#8607</td><td>u219F</td><td>219F</td><td></td><td>&#8609</td><td>u21A1</td><td>21A1</td></tr><tr><td>←</td><td>&#8592</td><td>u2190</td><td>2190</td><td>→</td><td>&#8594</td><td>u2192</td><td>2192</td></tr><tr><td>↑</td><td>&#8593</td><td>u2191</td><td>2191</td><td>↓</td><td>&#8595</td><td>u2193</td><td>2193</td></tr><tr><td></td><td>&#8596</td><td>u2194</td><td>2194</td><td></td><td>&#8597</td><td>u2195</td><td>2195</td></tr><tr><td></td><td>&#8644</td><td>u21C4</td><td>21C4</td><td></td><td>&#8645</td><td>u21C5</td><td>21C5</td></tr><tr><td></td><td>&#8610</td><td>u21A2</td><td>21A2</td><td></td><td>&#8611</td><td>u21A3</td><td>21A3</td></tr><tr><td></td><td>&#8670</td><td>u21DE</td><td>21DE</td><td></td><td>&#8671</td><td>u21DF</td><td>21DF</td></tr><tr><td></td><td>&#8619</td><td>u21AB</td><td>21AB</td><td></td><td>&#8620</td><td>u21AC</td><td>21AC</td></tr><tr><td></td><td>&#8668</td><td>u21DC</td><td>21DC</td><td></td><td>&#8669</td><td>u21DD</td><td>21DD</td></tr><tr><td></td><td>&#8602</td><td>u219A</td><td>219A</td><td></td><td>&#8603</td><td>u219B</td><td>219B</td></tr><tr><td></td><td>&#8622</td><td>u21AE</td><td>21AE</td><td></td><td>&#8621</td><td>u21AD</td><td>21AD</td></tr><tr><td></td><td>&#8678</td><td>u21E6</td><td>21E6</td><td></td><td>&#8680</td><td>u21E8</td><td>21E8</td></tr><tr><td></td><td>&#8679</td><td>u21E7</td><td>21E7</td><td></td><td>&#8681</td><td>u21E9</td><td>21E9</td></tr><tr><td>▲</td><td>&#9650</td><td>u25B2</td><td>25B2</td><td></td><td>&#9658</td><td>u25BA</td><td>25BA</td></tr><tr><td>▼</td><td>&#9660</td><td>u25BC</td><td>25BC</td><td></td><td>&#9668</td><td>u25C4</td><td>25C4</td></tr><tr><td></td><td>&#10132</td><td>u2794</td><td>2794</td><td></td><td>&#10137</td><td>u2799