定制網站收藏夾圖標的方法有兩種：
第一種方法：
第一步，當然是准備一個能體現您的主頁的風格和個性的圖標。比較簡便的辦法除了下載，就是將您的網站的logo做成一個圖標。
第二步，將這個圖標文件命名為：favicon.ico。
第三步，將favicon.ico上傳到您的網站所在的服務器的根目錄下。您不需要對您的網頁文件作任何的修改，Internet Explorer 5會自動的不停的搜索您的網站的根目錄，它一旦發現了favicon..ico這個文件，就會將該圖標顯示在訪問者的地址欄和收藏夾列表中了。
使用這種方法來定制收藏夾圖標，有一個明顯的缺陷，就是收藏夾圖標只能在網站的首頁中顯示。
第二種方法：
第一步，還是准備一個能體現您的主頁的風格和個性的圖標。
第二步，將這個圖標文件命名為任意的文件名，如myicon.ico。
第三步，在網頁文件的head部分加入下面的內容：
<link rel="shortcut icon" href="http://www.mysite.com/myicon.ico" type="image/x-icon">。
注意：圖標文件的路徑一定要使用絕對路徑。
這種方法就可以使所有的頁面都能顯示收藏夾圖標了。
最后還有一點需要說明的是，有些Web站點的主機服務器（如：Geocities）不支持圖標文件格式（.ico），這時您就需要與系統管理員聯系，要求他開通對圖標文件格式的支持，當然也可以使用type屬性來定義圖片的類型，如：type="image/x-icon" "image/png" "image/gif"
通過link rel="icon"可以實現部分瀏覽器的動畫圖標效果
語句一:<link rel="shortcut icon" href="favicon.ico" />
語句二<link rel="icon" href="animated_favicon.gif" type="image/gif" />
Favicon功能最早由微軟創設，而微軟公司的Internet Explorer網頁瀏覽器會對每一個網站都請求favicon。微軟支持的link標簽不遵從World Wide Web Consortium（W3C，萬維網聯盟）的HTML建議[1]，因為：
rel屬性必須包含一個用空格作分隔符的link類型的列表，所以一個包含兩詞的link類型不能被遵守標准的瀏覽器理解。
“.ico”文件類型（一種用於Microsoft Windows上圖標的光柵格式）沒有一個注冊的MIME類型，而且似乎在當時也不能被多數瀏覽器理解。然而2003年，這一格式在IANA獲得注冊，其MIME類型是image/vnd.microsoft.icon，進而消除了此問題的第一部分。
在網站上使用保留地址（reserved location）與Architecture of the World Wide Web（互聯網的結構）矛盾，同時被認為是link squatting（鏈接劫持）或URI squatting（URI劫持）。
Mozilla瀏覽器通過一種遵從Web標准的方法添加了對favicon的支持。它采用rel="icon"並允許網絡設計人員添加任何支持的圖像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后來鑒於此功能將被用於所有新內容，多數瀏覽器都對此功能增加了支持。
利用圖標工具（有很多）制作圖標文件（favicon.ico）上傳到網站所在的服務器的根目錄下，這個文件必須是16*16大小的圖標文件。當然，也可以在<head></head>之間加上
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
就可以了。但是，ico給出的是靜態的圖標文件。
如果想要動起來，就得做個gif動畫了。gif動畫也是16*16的，傳到服務器。在<head></head>之間加上：
<link rel="icon" href="animated_favicon.gif" type="image/gif" >
就可以了。
如果想要收藏夾中的圖標也要改變的話，那么就加上這句：
<link rel="Bookmark" href="favicon.ico" />
這個圖標還可以使用png格式，png格式現在的勢頭很猛。
參考blog:http://blog.csdn.net/nerdsully/article/details/7389818