link 标签

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

 

posted @ 2017-11-23 10:22  仙人掌的成长  阅读(220)  评论(0编辑  收藏  举报