网页小图标Favicon
Favicon是favorites icon的縮寫,亦被稱為website icon(網頁圖標)、page icon(頁面圖標)或urlicon(URL圖標)。Favicon是與某個網站或網頁相關聯的圖標。網站設計者可以多種方式創建這種圖標,而目前也有很多網頁瀏覽器支持此功能。瀏覽器可以將favicon顯示于瀏覽器的地址欄中,也可置于書簽列表的網站名前,還可以放在標簽式瀏覽界面中的頁標題前。
?
?
?
過去,為保證favicon出現,網站設計者和開發者采用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種瀏覽器。
?
下列代碼另一個局限就是它把favicon關聯到了某個特定的HTML或XHTML文檔上。為避免這一點,favicon.ico文件應置于根目錄下。多數瀏覽器將自動檢測并使用它。
?
建議包含以下兩行HTML代碼:
Html代碼
?
然而,只有第一行是必須的,因為“shortcut icon”字符串將被多數遵守標準的瀏覽器識別為列出可能的關鍵詞(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結果是所有瀏覽器都可以理解此代碼。只有當希望為新瀏覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。
在HTML中,link組件必須在head組件里(在<head>和</head>之間)。
對于XHTML,link必須使用“ />”結束(或“></link>”),而不可以使用“>”結束。
href可以,但不必指向/favicon.ico的位置。它可以指向任何URL。
圖像通常可以使用任何被瀏覽器支持的圖像格式。
.ico文件格式通常可以被所有可以顯示favicon的瀏覽器讀取。
設置服務器,以發送正確的MIME標識:
ICO 文件 image/vnd.microsoft.icon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注冊的MIME類型,因為多數主流瀏覽器現在支持它)
GIF 文件 image/gif
PNG 文件 image/png
使用適當的分辨率和色深。
ICO:包括多種分辨率(最常使用的是16×16和32×32,Mac OS X有時使用64×64和128×128)以及位深(比特每像素)(多數使用4、8、24 bpp,即16、256和1600萬色)。
GIF:使用16×16,256色。
PNG:使用16×16,256色或24位。
注意:當favicon.ico被置于文檔根目錄時,將會被一些不處理link組件的瀏覽器找到,即使沒有您的站點上沒有指向它的鏈接。
總結
以上是生活随笔為你收集整理的网页小图标Favicon的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 开发商如果随意调价怎么办?
- 下一篇: 拆迁房多少钱一平方?