超链接标签 <a>代码 通常与 noopener、noreferrer 和 nofollow 属性一起使用，本文将会分享 noopener、noreferrer 和 nofollow代码属性的使用方法。

a标签noopener是什么意思？

将 target="_blank" 添加到链接时，目标页面将在新选项卡中打开。

在新打开的页面中，可以通过window.opener获取源页面窗口对象，埋下安全隐患。

所以，如果要在新标签页中打开第三方地址，最好是给a标签代码添加 rel="noopener"属性。

noreferrer属性作用

类似于 noopener。

设置rel="noreferrer"后，新打开的页面无法获取源页面的窗口进行攻击。

同时，无法从新打开的页面获取document.referrer信息。 此信息包含源页面的地址。

通常noopener和noreferrer同时设置，rel="noopener noreferrer"。

既然后者有前者同时限制访问window.opener的功能，为什么要同时设置呢？

为了兼容性，因为部分老浏览器不支持 noopener。

nofollow的作用

搜索引擎对页面权重的计算包括页面引用数（反向链接），即如果该页面被许多其他网页链接，则该页面将被判断为高质量页面。

搜索结果中的排名将会上升。

设置rel=”nofollow”时，意思是告诉搜索引擎该链接对上述排名没有贡献。