sshortcut icon和icon代碼之間究竟有何區(qū)別呢.下面介紹一下
語(yǔ)句一:<link rel="shortcut icon" href="favicon.ico" />
語(yǔ)句二<link rel="icon" href="animated_favicon.gif" type="image/gif" />
備注:語(yǔ)句一 Shortcut Icon 就是在網(wǎng)址列前面出現(xiàn)的Icon
問(wèn)題:語(yǔ)句二 icon的作用是怎么?和語(yǔ)句一有什么區(qū)別?
指導(dǎ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代碼:
CODE:
<link rel="shortcut icon" type="image/vnd.microsoft.icon">
<link rel="icon" type="image/vnd.microsoft.icon">
然而，只有第一行是必須的，因?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)畫GIF）時(shí)，才有必要添加第二行。
在HTML中，link元件必須在head元件里（在<head>和</head>之間)。
對(duì)于XHTML，link必須使用“ />”結(jié)束（或“></link>”），而不可以使用“>”結(jié)束。
href可以，但不必，指向/favicon.ico的位置。它可以指向任何URL。
圖像通?？梢允褂萌魏伪粸g覽器支持的圖像格式。
.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)有指向它的鏈接。
標(biāo)準(zhǔn)化
Favicon功能最早由微軟創(chuàng)設(shè)，而微軟公司的Internet Explorer網(wǎng)頁(yè)瀏覽器會(huì)對(duì)每一個(gè)網(wǎng)站都請(qǐng)求favicon。微軟支持的link標(biāo)簽不遵從World Wide Web Consortium（W3C，萬(wàn)維網(wǎng)聯(lián)盟）的HTML建議[1]，因?yàn)椋?/P>
rel屬性必須包含一個(gè)用空格作分隔符的link類型的列表，所以一個(gè)包含兩詞的link類型不能被遵守標(biāo)準(zhǔn)的瀏覽器理解。
“.ico”文件類型（一種用于Microsoft Windows上圖標(biāo)的光柵格式）沒(méi)有一個(gè)注冊(cè)的MIME類型，而且似乎在當(dāng)時(shí)也不能被多數(shù)瀏覽器理解。然而2003年，這一格式在IANA獲得注冊(cè)，其 MIME類型是image/vnd.microsoft.icon，進(jìn)而消除了此問(wèn)題的第一部分。
在網(wǎng)站上使用保留地址（reserved location）與Architecture of the World Wide Web（互聯(lián)網(wǎng)的結(jié)構(gòu)）矛盾，同時(shí)被認(rèn)為是link squatting（鏈接劫持）或URI squatting（URI劫持）。
Mozilla瀏覽器通過(guò)一種遵從Web標(biāo)準(zhǔn)的方法添加了對(duì)favicon的支持。它采用rel="icon"并允許網(wǎng)絡(luò)設(shè)計(jì)人員添加任何支持的圖像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后來(lái)鑒于此功能將被用于所有新內(nèi)容，多數(shù)瀏覽器都對(duì)此功能增加了支持。
公眾號(hào)
事業(yè)單位
當(dāng)前位置：
公考類
招聘類
各類考試