关于link标签的一些小知识

今天被gay友庆文问了一个问题怎么给地址栏加小图标,看到了他们上课的一个关于MIME type的ppt,发现自己基础知识的欠缺,顺带补了一波

关于link标签的一些小知识_第1张图片
MIME type
  1. 关于MIME

MIME (Multipurpose Internet Mail Extensions) 多用途因特网邮件扩展类型,是描述消息内容类型的因特网标准。
MIME 消息能包含文本、图像、音频、视频以及其他应用程序专用的数据
关于MIME的全部总类可以参考W3C的http://www.w3school.com.cn/media/media_mimeref.asp

  1. 关于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
    测试代码



    虽然我感觉用户一般不会去设置,所以用到的也少。
    在这里可以与a标签的rel属性进行一个区分,参考链接http://www.w3school.com.cn/tags/att_a_rel.asp

  2. link标签还有一个media属性
    一般我们使用的是all,锁门这个样式表要应用所有的每天,css2为这个属性定义了很多可取值,但是我们常用的一般就是screen,all,print,这三个也是得到最广泛支持的属性。


    关于link标签的一些小知识_第2张图片
    media可选值
  3. hreflang
    此属性指示链接资源的语言。 它纯粹是咨询。 允许值由BCP47确定。 仅当href属性存在时才使用此属性。

  4. sizes HTML5中的新属性
    此属性定义资源中包含的可视媒体的图标的大小。 只有当rel包含图标链接类型值时,它才必须存在。
    语法格式如下:

    关于link标签的一些小知识_第3张图片
    sizes取值情况

  5. title
    title属性在元素上有特殊语义。 当在上使用时,它定义首选或备用样式表。 不正确地使用它可能会导致样式表被忽略。

  6. 地址栏加小图标

    这样就可以给地址栏加上小图标


    关于link标签的一些小知识_第4张图片
    有小图标的地址栏

你可能感兴趣的:(关于link标签的一些小知识)