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