favicon圖示介紹
前言
favicon.ico一般用于作為
縮略的網站标志
，它顯示位于
浏覽器的位址欄或者在标簽
上，用于顯示網站的logo，如圖紅圈的位置， 目前主要的浏覽器都支援favicon.ico圖示.
圖示生成網址: http://bitbug.net/
如何安裝Favicon
當成功生成 favicon.ico 圖像檔案後,浏覽器會自動彈出一個zip的壓縮檔案
将壓縮檔案中的 favicon.ico 圖像放在根目錄下(也可以是其他目錄)
在頁面源檔案（一般是項目中index.html）的标簽之間插入
<link rel="shortcut icon" href="/favicon.ico" target="_blank" rel="external nofollow" type="image/x-icon" />
案例如下：Images檔案夾下用于放置圖示/圖檔
home.html 代碼如下：
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>home page</title
<link rel="icon" href="Images/wangyi.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon"/>
</head>
<body>
<div>home page</div>
</body>
</html>
下面兩行代碼就可以告訴浏覽器使用wangyi.ico 作為home.html的圖示了（注意路徑href）：
<link rel="icon" href="Images/wangyi.ico" type="image/x-icon" />
<link rel="shortcut icon" href="Images/wangyi.ico" type="image/x-icon" />
基本上所有的現代浏覽器都支援這種寫法，例如firefox，ie9.
firefox:
ie9:
可惜的是普通使用者用的基本上是360浏覽器，搜狗浏覽器,qq浏覽器等。
搜狗浏覽器：
可以知道，我們在網站根目錄下面的favicon.ico 起作用了，是以顯示的是網站根目錄下面的favicon.ico 圖示。
打開360浏覽器：
奇怪了，google的圖示哪裡來的。。。。？？？
我們的faviconTestWeb 隻有3個圖示，一個是wangyi.ico.baidu.ico.favicon.ico(cnblogs的圖示)。
為什麼使用360顯示的是google的圖示？
其實360浏覽器在浏覽網頁的時候，它會忽略端口，也就是說http://localhost:3529/home.html，
firefox請求的是：link 的href所對應的圖示。
搜狗浏覽器等：請求的是 http://localhost:3529/favicon.ico.
360浏覽器等：請求的是 http://localhost/favicon.ico,
也就是不管你請求的是 http://host/home.html ,還是 http://host:333/home.html ,還是 http://host/test/home.html.
它請求的都是 http://host/favicon.ico.
證據就是打開360se的安裝目錄：
是以如果你的網站favicon.ico 不起作用，或者是想要讓favicon.ico 的相容性更好，要使用下面幾個步驟：
1：檢查網站根目錄下面的favicon.ico,也就是：http://host/favicon.ico.，而不是http://host/some/favicon.ico.
2：確定
<link rel="icon" href="http://host/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://host/favicon.ico" type="image/x-icon" />
使用的是 http://host/favicon.ico
3：如果你的網站帶端口，或者是測試版本的話，那麼尤其要注意360等浏覽器，它們在請求favicon.ico 的時候會忽略端口号的。