HTML | <link> 标签 rel属性的作用

link 标签 ：用于引入外部的文档，常用到引用css样式或icon图标

href 属性 ：是外部文档的url

rel属性 ：用于指明链接进来的外部对象是什么属性

rel属性的配置表示如下：

Stylesheet -- 定义一个外部加载的样式表

Index -- 当前文档的索引

Icon - 定义一个外部的图标

Alternate -- 定义交替出现的链接

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

<link../>元素用于链接图标，CSS样式文件等外部资源。标签定义文档与外部资源的关系

注释：此元素只能存在于 head 部分，不过它可出现任何次数。

href ： 规定被链接文档的位置。

hreflang ：规定被链接文档中文本的语言。

media  ： 规定被链接文档将被显示在什么设备上。

rel ： alternate：指明链接文档是本文档的替代版本

        author：指定链接的文档是本文档的作者

        copyright：指定链接的文档是关于本文档的版权信息

        help：指定链接的文档是关于本文档的帮助

        icon：指定链接的图标是本文档的图标

        license：指定链接的文档是关于本文档的授权信息

        prefetch：指定用于预先加载资源

        stylesheet：指定链接的文档时外部样式单

sizes ：  

    规定被链接资源的尺寸。仅适用于 rel="icon"。

target ：_blank

            _self

            _top

            _parent

type ： 规定被链接文档的 MIME 类型

type="text/css"

这个指定文件是css样式

rel="stylesheet"

rel是关联的意思，关联的是一个样式表(stylesheet)文档，它表示这个link在文档初始化时将被使用。一般这里是不需要改动的.

我自己的理解是在网站打开的时候浏览器先链接test.css

这个文件，然后知道这个文件的类型是type="text/css"

，最后浏览器把这个文件解析（rel="stylesheet"

这个可能就是解析的类库吧。）后显示在页面上。

---