今天被gay友庆文问了一个问题怎么给地址栏加小图标，看到了他们上课的一个关于MIME type的ppt，发现自己基础知识的欠缺，顺带补了一波
MIME type
- 关于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，这三个也是得到最广泛支持的属性。
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>
这样就可以给地址栏加上小图标
有小图标的地址栏
网友评论