概述

逛掘金的时候发现链接加了rel属性，同时发现不管是Vue官网还是b站，基本都有设置该属性，这篇文章就主要聊聊关于rel

一、rel 属性

rel可设置链接网站的限制

rel=“nofollow”

爬虫特别喜欢优质的网站，因此一个链接如果被其他网站引用的次数多时，就会被爬虫提升网站的权重，认为是一个优质的网站。如果不希望爬虫跟踪该链接可加上该属性。

re=“noopener”

当链接的target="_blank"时，跳转到B页面，可能会被B通过window.opener获取到A的window对象，这样B页面可通过window.opener.location = '{{ 🎣.com }}'，因此对于第三方网站，不是自己网站的子页面链接，需要加上该属性

re=“noreferrer”

相当于设置了rel=nofollow的基础上再限制document.referrer，document.referrer的作用为获取原来跳转过来的原地址

rel=“sponsored”

用于突出显示赞助商的网址

二、target 属性

设置链接跳转时打开方式

target="_blank"

跳转时新建tab栏显示页面

target="_self"

在当前页面展示链接页面

三、download 属性

<a href="./q.jpg" download="./q.jpg" >
    <img src="./q.jpg" alt="">
</a>

点击图片时会下载该图片而不是查看，对于图片来说，只有设置为本地资源才能下载哦，如果是http://这种则会查看