HTML 的特殊字元我們並不常用, 但是有的時候卻要在頁面中用到這些字元, 甚至有時候還需要用這些字元來實現某種特殊的效果

國外的設計師 Neal Chester 整理了一份很全的特殊字元集, 我覺得這很讚, 分享給大家 

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

使用方法:

1. 這些字元屬於 Unicode 字元集, 所以, 你的文檔需要聲明為UTF-8
2. 下面符號列表的後面有兩列編號, 它們並不太一樣 : 第一列是用於 HTML 的, 你需要在前面加上 &#, 第二列可以用於CSS文件中, 但是需要用反斜槓\ 來轉義
3. 第二列也可以用於 JavaScript, 和CSS用法一樣, 不過要用 \u 來轉義

需要注意的是:

1. 有的字元在不同的瀏覽器下表現不太一樣;比如小雪人 ☃ 在 Firefox 和 Chrome 下不太一樣,鑽石 ◆ 在 IE 下要比 Chrome 下要大一點
2. 有的字元在某個瀏覽器下不會顯示. 當然原因並不是字符代碼的問題,而是瀏覽器的 Bug, 比如 – 在 Chrome 下...
3. 但是, 98%的字符都能在所有瀏覽器下正常顯示的, 不過如果你真的要使用, 最好仔細在各個瀏覽器下驗證一下
4. 經測試這些字符在 Android / iOS 下的識別度比較差, 所以使用的時候要特別注意

arrow
arrow
    全站熱搜

    Aloz 發表在 痞客邦 留言(0) 人氣()