今天被gay友慶文問了一個(gè)問題怎么給地址欄加小圖標(biāo)，看到了他們上課的一個(gè)關(guān)于MIME type的ppt，發(fā)現(xiàn)自己基礎(chǔ)知識(shí)的欠缺，順帶補(bǔ)了一波
- 關(guān)于MIME
MIME (Multipurpose Internet Mail Extensions) 多用途因特網(wǎng)郵件擴(kuò)展類型，是描述消息內(nèi)容類型的因特網(wǎng)標(biāo)準(zhǔn)。
MIME 消息能包含文本、圖像、音頻、視頻以及其他應(yīng)用程序?qū)Ｓ玫臄?shù)據(jù)
關(guān)于MIME的全部總類可以參考W3C的http://www.w3school.com.cn/media/media_mimeref.asp
關(guān)于rel屬性
rel代表“關(guān)系”（relation），規(guī)定當(dāng)前文檔與被鏈接文檔之間的關(guān)系。當(dāng)我們作為鏈入外部樣式表的時(shí)候，rel為我們熟悉的stylesheet，type總是設(shè)置為text/css
rel還可以用于定義候選樣式表（alternate sheet），將rel屬性的值設(shè)置為alternate stylesheet，就可以定義候選樣式表，只有在用戶選擇這個(gè)樣式表的時(shí)候才會(huì)用于文檔顯示
rel的屬性值可以參考MDN，w3c上不完整，https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types
測(cè)試代碼
<link rel="icon" type="image/gif" href="img/pie_icon.gif"/>
<link rel="stylesheet" type="text/css" title="blue" href="../css/model.css" />
<link rel="alternate stylesheet" type="text/css" title="red" href="../css/model.css" />
雖然我感覺用戶一般不會(huì)去設(shè)置，所以用到的也少。
在這里可以與a標(biāo)簽的rel屬性進(jìn)行一個(gè)區(qū)分，參考鏈接http://www.w3school.com.cn/tags/att_a_rel.asp-
link標(biāo)簽還有一個(gè)media屬性
一般我們使用的是all，鎖門這個(gè)樣式表要應(yīng)用所有的每天，css2為這個(gè)屬性定義了很多可取值，但是我們常用的一般就是screen，all，print，這三個(gè)也是得到最廣泛支持的屬性。
media可選值 hreflang
此屬性指示鏈接資源的語言。 它純粹是咨詢。 允許值由BCP47確定。 僅當(dāng)href屬性存在時(shí)才使用此屬性。-
sizes HTML5中的新屬性
此屬性定義資源中包含的可視媒體的圖標(biāo)的大小。 只有當(dāng)rel包含圖標(biāo)鏈接類型值時(shí)，它才必須存在。
語法格式如下：
<link sizes="heightxwidth|any">
sizes取值情況 title
title屬性在<link>元素上有特殊語義。 當(dāng)在<link rel =“stylesheet”>上使用時(shí)，它定義首選或備用樣式表。 不正確地使用它可能會(huì)導(dǎo)致樣式表被忽略。-
地址欄加小圖標(biāo)
<code><link rel="icon" type="image/gif" href="img/pie_icon.gif"/> </code>
這樣就可以給地址欄加上小圖標(biāo)
有小圖標(biāo)的地址欄
