link標簽實現給網頁標題前加一個小圖標favicon.ico


使用方法如下:
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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM