今天被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ū)S玫臄?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)的地址欄


