所有元素

link, a, area

外部资源链接

指向用来组成当前文档的外部资源，通常由 UA 自动处理

link 元素

• rel="stylesheet"
• rel="alternate" 链接到该文档的替代版本（打印页、翻译、镜像）
• rel="alternate stylesheet" 链接到可替换的样式表 (外部资源)
• rel="prev", rel="next" 链接到文档的前一篇 / 后一篇 / 前一页 / 后一页 (超链接)
• rel="icon" 当前文档的 favicon (外部资源)

link 和 @import

• 从属关系区别。 @import 是 CSS 提供的语法规则，只有导入样式表的作用；link 是 HTML 提供的标签，不仅可以加载 CSS 文件，还可以定义 RSS、rel 连接属性、引入网站图标等。
• 加载顺序区别。加载页面时，link 标签引入的 CSS 被同时加载；@import 引入的 CSS 将在页面加载完毕后被加载。
• DOM 可控性区别。可以通过 JS 操作 DOM ，插入 link 标签来改变样式

超链接

用来「导航」到其他资源

a 元素

• rel="prev", rel="next"

  链接到文档的前一篇 / 后一篇 / 前一页 / 后一页 (超链接)

• rel="nofollow" 当前文档的作者并不推荐超链接指向的文档

  • 不可信赖的内容
  • 付费链接
  • 按优先级别进行抓取 （此链接一般不作为搜索结果排序的依据）