瀏覽器標簽欄的favicon圖標,有良好的用戶體驗和頁面美觀的作用,然而怎樣設置這樣的favicon圖標呢?對於不同的瀏覽器,會有一定的差異,一般而言有下列方法:
1.對於現在的大部分瀏覽器,如IE、chrome、火狐:只需要將顯示的16x16像素的ICO圖標命名為favicon.ICO放置在網站根目錄下,瀏覽器會自動檢索,寫文章之前,都已經測試過,最新版本的火狐、谷歌、IE都支持,如果發現不支持,應該是瀏覽器版本過低的原因了,升級一下瀏覽器即可或者第二種方法;
2.這是所有瀏覽器通用的在標簽頁加入指定圖標的方法:
把favicon.ico圖標放到網站根目錄下,在網頁的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
3.對於火狐瀏覽器:圖標格式沒有IE那么嚴格,GIF和PNG格式的圖標也可以顯示,圖標名稱也可以不是favcion
4.把圖標放在根目錄后,在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="gif_favicon.gif" type="image/gif" >
或
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="png_favicon.png" type=" image/png" >
5.鏈接在線的圖片的時候,可以使用下面的方法(最好不要這樣)
<link href="圖片地址" rel="SHORTCUT ICON">