介紹 Favicon.ico 重點觀念

以下這個網站介紹如何設計每個網頁獨一無二的小圖示，可以加強個人風格。

引用修改自

介紹 Favicon.ico 重點觀念

http://blog.miniasp.com/post/2007/12/Introduce-faviconico-and-important-concept.aspx

應該也是有人不知道什麼是 favicon.ico 吧？ 底下這張圖紅色框線的地方就是網站的小圖示，這就是我要說的 Favicon ( 全名是：Favorite Icon )

先介紹幾個好用的網址：

favicon.ico Generator -- 超級好用的啦！極力推薦！
http://www.favicon.cc/

另一個線上轉換 Favicon.ico 的網站
http://www.chami.com/html-kit/services/favicon/

Favicon - Wikipedia, the free encyclopedia
http://en.wikipedia.org/wiki/Favicon

MSDN - How to Add a Shortcut Icon to a Web Page
http://msdn.microsoft.com/library/default.asp?url=/workshop/Author/dhtml/howto/ShortcutIcon.asp

HOWTO: Serving up default favicon.ico and robots.txt files with apache
http://laffey.tv/favicon_error_logs.html

Favicon.ico 重點觀念釐清

*
當 IE Browser 第一次連到該網站時，會先去網站的根目錄下找有沒有 favicon.ico 檔案。例如：http://www.miniasp.com/favicon.ico
*
否則就需要在頁面中指定 ＜LINK REL="SHORTCUT ICON" HREF="/myicon.ico"> 才可以找到非預設路徑的 Favorite Icon 檔案。
*
但是，第一次「無論」找的到或找不到該 Icon，都不會再找第二次！！這點非常重要，所以每次更新 Favorite Icon 檔時，如果要馬上能看到更新，最好換檔名！

將 favicon.ico 圖示檔加入你的網頁的方式：

＜head>
＜link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico">
＜title>My Title＜/title>
＜/head>