日期: 2012年1月12日

  • HTML特殊字符大全(一)

    HTML的特殊字符我们并不常用,但是有的时候却要在页面中用到这些字符,甚至有时候还需要用这些字符来实现某种特殊的视觉效果。现在,国外的设计师Neal Chester整理了一份很全的特殊字符集,我觉得这很赞~~,共享出来供大家查阅吧。

    http://www.qianduan.net/html-special-characters-daquan.html 中文翻译

    http://ikwebdesigner.com/special-characters/ 原文

    使用方法:
    · 这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8;

    · 下面符号列表的后面有两列编号,它们并不太一样,第一列是用于HTML的,你需要在前面加上&#符号;

    · 第二列可以用于CSS文件中,但是需要用反斜杠\转义;

    · 第二列也可以用于JavaScript,和CSS用法一样,不过要用\u来转义。

    需要主意的是:
    · 有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿;

    · 有的字符在某个浏览器下不会显示;当然原因并不是字符代码的问题,而是浏览器的bug,比如,–在Chrome下。。。

    · 但是,98%的字符都能在所有浏览器下正常显示的,不过如果你真的要使用,最好仔细在各个浏览器下验证一番。

    · 经测试这些字符在Android/iOS等智能终端的识别度比较差,所以,使用的时候要特别注意移动浏览器~~

    各种箭头
    · ⇠ 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