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 -- 书签

rel 是relationship的缩写，该属性通常在 link标签 与 a标签中出现，它与rev都是用于定义当前文档与被链接文档之间的关系，说的通俗点就是通过rel属性，我们告诉了搜索引擎，被链接的对象是个什么样的文件。

img很少有人用rel属性的，一般在两种情况下看到

最常见的：

如楼上说的，rel 属性规定当前文档与被链接文档之间的关系。

<link type='text/css' href='css.css' rel='stylesheet' />

rel是关联的意思，stylesheet是样式表的意思；它表示这个link在文档初始化时将被使用，渲染页面

另外一个是用作SEO：

<a href="baidu.com" rel="nofollow">百度</a>

这里的rel是用来告诉搜索引擎的爬虫无需追踪目标页，不给目标页传递权重，因为在SEO的角度，如果一篇文章有一个导向其他网站的链接，会给那个链接的页面增加权重，同时损失自身的部分权重，页面权重会影响到页面排名，进而影响网站的访问量。

最后大胆猜测下，不知道对不对

img的标签中rel也可能是搞前端的同学加上去的标识，没有实际意义，只是做的一个记号，区别其他图片，然后可以对其调用。

---