關於shortcut icon和icon程式碼的差異介紹_HTML/Xhtml_網頁製作
語句一:
語句二
備註:語句一Shortcut Icon 就是在網址列前面出現的Icon
問題:語句二icon的作用是怎麼?和語句一有什麼區別?
指導
過去,為保證favicon出現,網站設計者和開發者採用了多種方法。很難明確地保證favicon可以在所有電腦上顯示,即使是使用同一版本的一種瀏覽器。
下列程式碼另一個限制就是它把favicon關聯到了某個特定的HTML或XHTML文件上。為避免這一點,favicon.ico檔案應置於根目錄下。多數瀏覽器將自動偵測並使用它。
建議包含以下兩行HTML程式碼:
CODE:
然而,只有第一行是必須的,因為「shortcut icon」字串將被多數遵守標準的瀏覽器識別為列出可能的關鍵字(“shortcut”將被忽略,而僅適用“icon”);而Internet Explorer將會把它作為一個單獨的名稱(“shortcut icon”)。這樣做的結果是所有瀏覽器都可以理解此程式碼。只有當希望為新瀏覽器提供另一種備用圖像(例如動畫GIF)時,才有必要添加第二行。
在HTML中,link元件必須在head元件裡(在
對於XHTML,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功能最早由微軟創設,而微軟公司的Internet Explorer網頁瀏覽器會對每個網站都要求favicon。微軟支援的link標籤不遵循World Wide Web Consortium(W3C,萬維網聯盟)的HTML建議[1],因為:
rel屬性必須包含一個用空格作分隔符號的link類型的列表,所以一個包含兩個詞的link類型不能被遵守標準的瀏覽器所理解。
「.ico」檔案類型(一種用於Microsoft Windows上圖示的光柵格式)沒有一個註冊的MIME類型,而且似乎在當時也不能被多數瀏覽器理解。然而2003年,此格式在IANA獲得註冊,其 MIME類型是image/vnd.microsoft.icon,進而消除了此問題的第一部分。
在網站上使用保留位址(reserved location)與Architecture of the World Wide Web(網路的結構)矛盾,同時被認為是link squatting(連結劫持)或URI squatting(URI劫持)。
Mozilla瀏覽器透過一種遵從Web標準的方法添加了對favicon的支援。它採用rel="icon"並允許網路設計人員添加任何支援的圖像格式的favicon。例如。後來鑑於此功能將被用於所有新內容,多數瀏覽器都對此功能增加了支援。

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

本文討論了HTML< Progress>元素,其目的,樣式和與< meter>元素。主要重點是使用< progress>為了完成任務和LT;儀表>對於stati

本文討論了html< datalist>元素,通過提供自動完整建議,改善用戶體驗並減少錯誤來增強表格。Character計數:159

本文討論了HTML< meter>元素,用於在一個範圍內顯示標量或分數值及其在Web開發中的常見應用。它區分了< meter>從< progress>和前

本文討論了視口元標籤,這對於移動設備上的響應式Web設計至關重要。它解釋瞭如何正確使用確保最佳的內容縮放和用戶交互,而濫用可能會導致設計和可訪問性問題。

本文討論了使用HTML5表單驗證屬性,例如必需的,圖案,最小,最大和長度限制,以直接在瀏覽器中驗證用戶輸入。

本文解釋了HTML5< time>語義日期/時間表示的元素。 它強調了DateTime屬性對機器可讀性(ISO 8601格式)的重要性,並在人類可讀文本旁邊,增強Accessibilit

本文討論了< iframe>將外部內容嵌入網頁,其常見用途,安全風險以及諸如對象標籤和API等替代方案的目的。
