網頁製作小技巧——如何在瀏覽器地址欄中顯示網站的表徵圖?

網址圖片就是在瀏覽器標籤欄中顯示的網站的小logo圖片。東西雖小，卻可以給網站帶來一些變化，也給人更親切的感覺。。其實要做這個很簡單，首先用影像處理軟體做一個16×16像素的小圖，顏色模式為16位就可以了。然後到http://www.html-kit.com/favicon/這個網站，提交圖片，它可以幫你產生相應的ico表徵圖檔案。產生後把檔案下載解壓就可以了。一般裡面有3個檔案，我們只需要其中的favicon.ico（當然，你也可以用ico製作軟體來做，這種軟體很多，使用一般也比較簡單，不過要注意檔案名稱必須為favicon.ico）。把這個檔案複製到網站根目錄下。

完成以上操作後，一般情況下，開啟網站標籤欄就可以顯示表徵圖了（有些虛擬機器主機不支援，那就沒辦法了）。如果你的網站就需要這一種表徵圖，現在就已經設定好了，根本不用想有些人說的還要在head之間加什麼東西。只有你想對某個特殊的頁面使用不同的表徵圖時才需要這些設定。設定如下：

在在該頁面的head標籤之間加入如下內容：
<link href="http://www.udalu.com/favicon.ico" type="image/x-icon" rel="icon"/>
<link href="http://www.udalu.com/favicon.ico" type="image/x-icon" rel="shortcut icon"/>
注意，我自己實驗了一下，一定要加上完整的網域名稱資訊而不是像某些人說的只加絕對或相對路徑。只加路徑無法顯示表徵圖。具體原因不明。當然，也可能是我其他地方設定有問題，如果有誰只加路徑就可以顯示的，麻煩告訴我一下，謝謝。（這時的表徵圖名可以任意，也可以放置在任意目錄下，只要和herf中的路徑對應就可以了）

 

轉自：http://hi.baidu.com/yylzq/blog/item/43b54c305dedeea25fdf0e4e.html