我們都知道我們可以寫(xiě)一段html來(lái)把瀏覽器的地址欄圖標(biāo)替換成自己網(wǎng)站的圖標(biāo)，但是你知道在不同你瀏覽器下顯示不同icon圖標(biāo)的方法嗎？尤其是在Firefox下還能顯示動(dòng)態(tài)的地址欄icon圖標(biāo)呢！下面icech就為大家講解一下如何設(shè)置不同瀏覽器下不同的地址欄icon圖標(biāo)。
1、普通方式下的地址欄icon圖標(biāo)替換
方法1：制作一個(gè)ico圖標(biāo)，然后重命名為favicon.ico，將這個(gè)icon圖標(biāo)文件上傳至網(wǎng)站的根目錄下就可以了。
說(shuō)明：這種方法適用于各種瀏覽器的地址欄icon圖標(biāo)和收藏夾圖標(biāo)。
方法2：在網(wǎng)頁(yè)的head中加入以下代碼：
IE或者Firefox地址欄前換成自己的圖標(biāo)
< link rel="icon" href="favicon.ico" type="image/x-icon">
< link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
可以在收藏夾中顯示出你的圖標(biāo)
< link rel="Bookmark" href="favicon.ico" type="image/x-icon">
說(shuō)明：這種方式適用于IE瀏覽器。
2、在Firefox下顯示動(dòng)態(tài)的icon圖標(biāo)
首先制作出一個(gè)大小為16×16像素的gif圖片，文件名沒(méi)有要求。然后上傳到icon目錄下（任意目錄都可以），然后在head中加入代碼：
< link rel="icon" href="icon/animated_favicon.gif" type="image/gif">
這樣在Firefox瀏覽器下就能在地址欄中顯示動(dòng)態(tài)的icon圖標(biāo)了！但是這種方式不能再I(mǎi)E中顯示動(dòng)態(tài)效果。
所以同時(shí)使用兩個(gè)代碼，就可以同時(shí)在IE和Firefox瀏覽器的地址欄下顯示不同的icon圖標(biāo)了。在不同瀏覽器下地址欄ico圖標(biāo)顯示效果可以點(diǎn)擊這里查看到。
代碼如下：
< link rel="icon" href="favicon.ico" type="image/x-icon">
< link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
< link rel="icon" href="icon/animated_favicon.gif" type="image/gif">
注意：不論是icon格式還是gif格式的圖標(biāo)，大小都應(yīng)該是16×16像素。代碼“< link”中icech加了一個(gè)空格，使用的時(shí)候要注意去掉空格。
聲明：本文為西部e網(wǎng)原創(chuàng)，轉(zhuǎn)載請(qǐng)注明來(lái)源。