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">