link标签的功能比较多,而这些功能多样的产生来源于rel和type属性值不同。
**rel=“stylesheet” ,type=‘text/css’**引入的外部的样式css文件
<link rel="stylesheet" type="text/css" href=""/>
rel=“icon” type=“image/x-icon” 引入外部的小图标 ,type也可以image/jpg(png、svg)
<link rel="icon" type="image/x-icon" href="http://ww.mobiletrain.org/favicon.ico"/>
可以看到下图浏览器标题出现小logo啦
dns域名解析: rel="dns-prefetch"
<link rel="dns-prefetch" href="//static.360buyimg.com"/>
我们最终访问一个网址或者访问一个网站下的内容、资源时。其实最终访问的是ip进行访问的,而不是域名访问的。域名通过dns解析之后转成IP映射,查找的是远程的ip