link标签
主要是引用外部文件
rel属性
规定当前文档与被链接文档之间的关系
alternate,author,help,icon,licence,next,pingback,prefetch,prev,search,sidebar,stylesheet,tag
常用的icon,stylesheet,canonical，dns-prefetch
<link rel="stylesheet" href="app.css">引用外部的css样式
<link rel="canonical" href="https://mobike.com/cn/">
说明：
百度rel="canonical"标签是为了解决网站由于网站url链接不一样但网页内容是一样而造成百度重复收录的问题，
对于这样的情况，如果不采用百度rel="canonical"标签，后果将导致百度对两个相同的网页收录和排名的问题上不知情，
久而久之，当网站存在大量这样的网页的时候，可能导致网站大量重复内容而被降权、不收录甚至被K。
<link rel="icon" href="https://mobike.com/cn/favicon.png" type="image/png">
加载一个图标作为网站链接头部的图标。
<link rel="dns-prefetch" href="https://d349cztnlupsuf.cloudfront.net/">
说明：
dns预获取（dns-prefetch）link rel="dns-prefetch"，DNS Prefetch也就是DNS预获取。设置DNS预获取（dns-prefetch）有两个作用：1、减少DNS的请求次数，2、进行DNS预先获取。
当网页打开时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行DNS的解析，减少用户等待时间，提高用户体验。
如何设置禁止隐式的DNS Prefetch：
<meta http-equiv="x-dns-prefetch-control" content="off">