天天看點

Html中的favicon.ico

一、概述

使用的WEB浏覽器是IE5或以上版本,那麼将某些網站加入到“收藏夾”後,會注意到在這些網站标題的旁邊還有一個獨具個性的圖示,這就是收藏夾圖示favicon.ico。

二、制作方法

① 将需要作為圖示的圖檔(任意格式),送出給可線上生成16*16像素的ico圖示的網站,得到網站的圖示(字尾名為ico)。

② 下載下傳剛生成的圖示檔案并上傳到網站根目錄中即可。

三、注意點

若在低于IE5以下版本的浏覽器中顯示,應在HTML源檔案<head>間添加如下代碼:

<link rel="Shortcut Icon" href="圖檔的位址">

<link rel="Shortcut Icon" href="favicon.ico"> IE位址欄前換成自己的圖示

<link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖示

把圖示命名為favicon.ico一般不用寫link就可以應用于站點下的每一個頁面檔案了。該圖示的路徑一定要使用絕對路徑。有些Web站點的主機伺服器(如Geocities)不支援圖示檔案格式,這就需要與管理者聯系,要求他開通圖示檔案格式的支援。

四、其他一些文檔

《關于favicon.ico的兩三事》http://www.cnblogs.com/LoveJenny/archive/2012/05/22/2512683.html

原帖位址:http://blog.csdn.net/hexinfei/article/details/9211767