今天被gay友慶文問了一個問題怎么給地址欄加小圖標昔期,看到了他們上課的一個關(guān)于MIME type的ppt,發(fā)現(xiàn)自己基礎(chǔ)知識的欠缺累澡,順帶補了一波
- 關(guān)于MIME
MIME (Multipurpose Internet Mail Extensions) 多用途因特網(wǎng)郵件擴展類型愧哟,是描述消息內(nèi)容類型的因特網(wǎng)標準哼蛆。
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ī)定當前文檔與被鏈接文檔之間的關(guān)系。當我們作為鏈入外部樣式表的時候名挥,rel為我們熟悉的stylesheet禀倔,type總是設(shè)置為text/css
rel還可以用于定義候選樣式表(alternate sheet)参淫,將rel屬性的值設(shè)置為alternate stylesheet涎才,就可以定義候選樣式表,只有在用戶選擇這個樣式表的時候才會用于文檔顯示
rel的屬性值可以參考MDN邑闺,w3c上不完整棕兼,https://developer.mozilla.org/en-US/docs/Web/HTML/Link_types
測試代碼
<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" />
雖然我感覺用戶一般不會去設(shè)置伴挚,所以用到的也少。
在這里可以與a標簽的rel屬性進行一個區(qū)分摊灭,參考鏈接http://www.w3school.com.cn/tags/att_a_rel.asp-
link標簽還有一個media屬性
一般我們使用的是all帚呼,鎖門這個樣式表要應(yīng)用所有的每天,css2為這個屬性定義了很多可取值眷蜈,但是我們常用的一般就是screen酌儒,all,print忌怎,這三個也是得到最廣泛支持的屬性榴啸。
media可選值 hreflang
此屬性指示鏈接資源的語言晚岭。 它純粹是咨詢。 允許值由BCP47確定库说。 僅當href屬性存在時才使用此屬性片择。-
sizes HTML5中的新屬性
此屬性定義資源中包含的可視媒體的圖標的大小构回。 只有當rel包含圖標鏈接類型值時,它才必須存在脐供。
語法格式如下:
<link sizes="heightxwidth|any">
sizes取值情況 title
title屬性在<link>元素上有特殊語義。 當在<link rel =“stylesheet”>上使用時歇由,它定義首選或備用樣式表卵牍。 不正確地使用它可能會導致樣式表被忽略糊昙。-
地址欄加小圖標
<code><link rel="icon" type="image/gif" href="img/pie_icon.gif"/> </code>
這樣就可以給地址欄加上小圖標
有小圖標的地址欄