标签的rel属性详解

标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素，它仅包含属性。此元素只能存在于 head 部分，不过它可出现任何次数。在 HTML 中， 标签没有结束标签。在 XHTML 中， 标签必须被正确的关闭。

除了HTML的标准通用属性之外，link元素还包括很多可选属性: charset, href, hreflang, media, rel, rev, target, title和type。这些属性中，target只允许在Transitional和Frameset两种DTD中使用，其它都可在Strict, Transitional和Frameset三种DTD中使用。

这些属性中，rel属性是核心，搜索引擎可以利用该属性获得更多有关链接的信息。

(1) **stylesheet **-- 调用外部样式表
该属性是最常用的，用于调用样式表，如下所示：

image.png

其中href是目标文档的URL， type则规定了目标URL的MIME类型，而media规定了文档将显示在什么设备上media: [“screen”:表示显示器设备; "print":表示打印设备;]。

(2) icon -- 定义网站收藏夹图标

image.png

icon属性指定标题栏,地址栏,收藏栏小图标
Note: 1. IE只支持ico格式的favicon; 2. rel属性必须包含shortcut, 才会在IE下显示;

(3) canonical -- 指明网址的规范版本

image.png

canonical属性用于让搜索引擎知道当前网站中的重复或相似网页中，哪一个页面才是站长想让其抓取与收录的。

(4) author -- 申明文档作者

(5) home -- 连接到站点的主页

(6) search -- 链接到文档的搜索工具

(7) sidebar -- 链接到应该在浏览器边栏中显示的文档

(8) friend -- 友情链接

转载自叶之子