使用方法如下:
1、<link rel="shortcut icon " type="images/x-icon" href="./favicon.ico"> 其中favicon.ico需放在根目錄下面(不提倡用這種方法,因為圖片沒有授權,違反了W3C標准,) 2、<link rel="shortcut icon " type="images/x-icon" href="http://www.jd.com/favicon.ico">
注意:
這里的favicon必須是16*16或者32*32的,必須是8位色或者24位色的,格式必須是png或者ico或者gif。
16*16/32*32 且 8位或24位色 且 png/ico/gif。
使用其他格式的圖片: <link rel="icon" href="animated_favicon.gif" type="image/gif" />
關於shortcut icon和icon代碼的區別介紹
過去,為保證favicon出現,網站設計者和開發者采用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種瀏覽器。
下列代碼另一個局限就是它把favicon關聯到了某個特定的HTML或XHTML文檔上。為避免這一點,favicon.ico文件應置於根目錄下。多數瀏覽器將自動檢測並使用它。
建議包含以下兩行HTML代碼:
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
然而,只有第一行是必須的,因為“shortcut icon”字符串將被多數遵守標准的瀏覽器識別為列出可能的關鍵詞(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結果是所有瀏覽器都可以理解此代碼。只有當希望為新瀏覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。
圖像通常可以使用任何被瀏覽器支持的圖像格式。
.ico文件格式通常可以被所有可以顯示favicon的瀏覽器讀取。
設置服務器,以發送正確的MIME標識:
1,ICO 文件 image/vnd.microsoft.icon(或者亦可出於兼容性原因使用image/x-icon。然而最好使用IANA注冊的MIME類型,因為多數主流瀏覽器現在支持它)
2,GIF 文件 image/gif
3,PNG 文件 image/png
4,ICO:包括多種分辨率(最常使用的是16×16和32×32,Mac OS X有時使用64×64和128×128)以及位深(比特每像素)(多數使用4、8、24 bpp,即16、256和1600萬色)。
5,GIF: 使用16×16,256色。
6,PNG: 使用16×16,256色或24位。
注意:當favicon.ico被置於文檔根目錄時,將會被一些不處理link元件的瀏覽器找到,即使沒有您的站點上沒有指向它的鏈接。
參考:http://blog.csdn.net/ssisse/article/details/51705626