今天被gay友庆文问了一个问题怎么给地址栏加小图标,看到了他们上课的一个关于MIME type的ppt,发现自己基础知识的欠缺,顺带补了一波
- 关于MIME
MIME (Multipurpose Internet Mail Extensions) 多用途因特网邮件扩展类型,是描述消息内容类型的因特网标准。
MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据
关于MIME的全部总类可以参考W3C的http://www.w3school.com.cn/media/media_mimeref.asp
关于rel属性
rel代表“关系”(relation),规定当前文档与被链接文档之间的关系。当我们作为链入外部样式表的时候,rel为我们熟悉的stylesheet,type总是设置为text/css
rel还可以用于定义候选样式表(alternate sheet),将rel属性的值设置为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" />
虽然我感觉用户一般不会去设置,所以用到的也少。
在这里可以与a标签的rel属性进行一个区分,参考链接http://www.w3school.com.cn/tags/att_a_rel.asp-
link标签还有一个media属性
一般我们使用的是all,锁门这个样式表要应用所有的每天,css2为这个属性定义了很多可取值,但是我们常用的一般就是screen,all,print,这三个也是得到最广泛支持的属性。
hreflang
此属性指示链接资源的语言。 它纯粹是咨询。 允许值由BCP47确定。 仅当href属性存在时才使用此属性。-
sizes HTML5中的新属性
此属性定义资源中包含的可视媒体的图标的大小。 只有当rel包含图标链接类型值时,它才必须存在。
语法格式如下:
<link sizes="heightxwidth|any">
title
title属性在<link>元素上有特殊语义。 当在<link rel =“stylesheet”>上使用时,它定义首选或备用样式表。 不正确地使用它可能会导致样式表被忽略。-
地址栏加小图标
<code><link rel="icon" type="image/gif" href="img/pie_icon.gif"/> </code>
这样就可以给地址栏加上小图标