主頁 > 知識庫 > 關(guān)于shortcut icon和icon代碼的區(qū)別介紹

關(guān)于shortcut icon和icon代碼的區(qū)別介紹

熱門標簽:硅谷的囚徒呼叫中心 使用U盤裝系統(tǒng) 網(wǎng)站建設(shè) 智能手機 美圖手機 百度競價點擊價格的計算公式 阿里云 檢查注冊表項
語句一:<link rel="shortcut icon" href="favicon.ico" />
語句二<link rel="icon" href="animated_favicon.gif" type="image/gif" />
備注:語句一 Shortcut Icon 就是在網(wǎng)址列前面出現(xiàn)的Icon
問題:語句二 icon的作用是怎么?和語句一有什么區(qū)別?
指導(dǎo)
過去,為保證favicon出現(xiàn),網(wǎng)站設(shè)計者和開發(fā)者采用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種瀏覽器。
下列代碼另一個局限就是它把favicon關(guān)聯(lián)到了某個特定的HTML或XHTML文檔上。為避免這一點,favicon.ico文件應(yīng)置于根目錄下。多數(shù)瀏覽器將自動檢測并使用它。
建議包含以下兩行HTML代碼:
CODE:
<link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
<link rel="icon" href="http://example.com/favicon.ico" type="image/vnd.microsoft.icon">
然而,只有第一行是必須的,因為“shortcut icon”字符串將被多數(shù)遵守標準的瀏覽器識別為列出可能的關(guān)鍵詞(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結(jié)果是所有瀏覽器都可以理解此代碼。只有當希望為新瀏覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。
在HTML中,link元件必須在head元件里(在<head>和</head>之間)。
對于XHTML,link必須使用“ />”結(jié)束(或“></link>”),而不可以使用“>”結(jié)束。
href可以,但不必,指向/favicon.ico的位置。它可以指向任何URL。
圖像通常可以使用任何被瀏覽器支持的圖像格式。
.ico文件格式通??梢员凰锌梢燥@示favicon的瀏覽器讀取。
設(shè)置服務(wù)器,以發(fā)送正確的MIME標識:
ICO 文件 image/vnd.microsoft.icon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注冊的MIME類型,因為多數(shù)主流瀏覽器現(xiàn)在支持它)
GIF 文件 image/gif
PNG 文件 image/png
使用適當?shù)姆直媛屎蜕睢?
ICO:包括多種分辨率(最常使用的是16×16和32×32,Mac OS X有時使用64×64和128×128)以及位深(比特每像素)(多數(shù)使用4、8、24 bpp,即16、256和1600萬色)。
GIF: 使用16×16,256色。
PNG: 使用16×16,256色或24位。
注意:當favicon.ico被置于文檔根目錄時,將會被一些不處理link元件的瀏覽器找到,即使沒有您的站點上沒有指向它的鏈接。
標準化
Favicon功能最早由微軟創(chuàng)設(shè),而微軟公司的Internet Explorer網(wǎng)頁瀏覽器會對每一個網(wǎng)站都請求favicon。微軟支持的link標簽不遵從World Wide Web Consortium(W3C,萬維網(wǎng)聯(lián)盟)的HTML建議[1],因為:
rel屬性必須包含一個用空格作分隔符的link類型的列表,所以一個包含兩詞的link類型不能被遵守標準的瀏覽器理解。
“.ico”文件類型(一種用于Microsoft Windows上圖標的光柵格式)沒有一個注冊的MIME類型,而且似乎在當時也不能被多數(shù)瀏覽器理解。然而2003年,這一格式在IANA獲得注冊,其 MIME類型是image/vnd.microsoft.icon,進而消除了此問題的第一部分。
在網(wǎng)站上使用保留地址(reserved location)與Architecture of the World Wide Web(互聯(lián)網(wǎng)的結(jié)構(gòu))矛盾,同時被認為是link squatting(鏈接劫持)或URI squatting(URI劫持)。
Mozilla瀏覽器通過一種遵從Web標準的方法添加了對favicon的支持。它采用rel="icon"并允許網(wǎng)絡(luò)設(shè)計人員添加任何支持的圖像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后來鑒于此功能將被用于所有新內(nèi)容,多數(shù)瀏覽器都對此功能增加了支持。

標簽:湘潭 賀州 山南 通遼 煙臺 湖北 懷化 黃山

巨人網(wǎng)絡(luò)通訊聲明:本文標題《關(guān)于shortcut icon和icon代碼的區(qū)別介紹》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266