關于shortcut icon和icon代碼的區(qū)別介紹
來源:易賢網(wǎng) 閱讀:1805 次 日期:2016-06-21 16:14:17
溫馨提示:易賢網(wǎng)小編為您整理了“關于shortcut icon和icon代碼的區(qū)別介紹”,方便廣大網(wǎng)友查閱!

sshortcut icon和icon代碼之間究竟有何區(qū)別呢.下面介紹一下

語句一:<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ū)別?

指導

過去,為保證favicon出現(xiàn),網(wǎng)站設計者和開發(fā)者采用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種瀏覽器。

下列代碼另一個局限就是它把favicon關聯(lián)到了某個特定的HTML或XHTML文檔上。為避免這一點,favicon.ico文件應置于根目錄下。多數(shù)瀏覽器將自動檢測并使用它。

建議包含以下兩行HTML代碼:

CODE:

<link rel="shortcut icon" type="image/vnd.microsoft.icon">

<link rel="icon" type="image/vnd.microsoft.icon">

然而,只有第一行是必須的,因為“shortcut icon”字符串將被多數(shù)遵守標準的瀏覽器識別為列出可能的關鍵詞(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結果是所有瀏覽器都可以理解此代碼。只有當希望為新瀏覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。

在HTML中,link元件必須在head元件里(在<head>和</head>之間)。

對于XHTML,link必須使用“ />”結束(或“></link>”),而不可以使用“>”結束。

href可以,但不必,指向/favicon.ico的位置。它可以指向任何URL。

圖像通??梢允褂萌魏伪粸g覽器支持的圖像格式。

.ico文件格式通常可以被所有可以顯示favicon的瀏覽器讀取。

設置服務器,以發(fā)送正確的MIME標識:

ICO 文件 image/vnd.microsoft.icon(或者亦可出于兼容性原因使用image/x-icon。然而最好使用IANA注冊的MIME類型,因為多數(shù)主流瀏覽器現(xiàn)在支持它)

GIF 文件 image/gif

PNG 文件 image/png

使用適當?shù)姆直媛屎蜕睢?/P>

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)設,而微軟公司的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)的結構)矛盾,同時被認為是link squatting(鏈接劫持)或URI squatting(URI劫持)。

Mozilla瀏覽器通過一種遵從Web標準的方法添加了對favicon的支持。它采用rel="icon"并允許網(wǎng)絡設計人員添加任何支持的圖像格式的favicon。例如<link rel="icon" type="image/png" href="/path/image.png">。后來鑒于此功能將被用于所有新內(nèi)容,多數(shù)瀏覽器都對此功能增加了支持。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:關于shortcut icon和icon代碼的區(qū)別介紹
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 加入群交流 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:526150442(9:00—18:00)版權所有:易賢網(wǎng)