为什么人们使用 `rel="noopener noreferrer"` 而不仅仅是 `rel="noreferrer"`

Answer 1

带有“noopener”和“noreferrer”组合的标签rel意味着由于noreferrer标签，不应将Referrer信息传递到被链接的网站，并且还可以防止新打开的页面控制提供流量的页面。

rel="noreferrer"

属性与

rel="noopener"

属性具有相同的效果，它也会阻止referrer header被发送到新页面。

大多数现代浏览器都支持noopener，但是当不支持时，我们可以使用noreferrer。实际上，使用它们来支持旧版浏览器是有意义的。也没有充分的理由删除

rel="noopener"

，因为它似乎没有任何缺点，而且它是被广泛考虑的事情。

Answer 2

是的，

noreferrer

意味着

noopener

，使得附加值变得多余。旧版本的 Firefox 甚至要求在使用

noopener

时省略

noreferrer

。

在遵循过时的建议或 lint 规则后，使用两者可能会成为一种习惯。

参见：

• ESLint noreferrer 讨论
• WHATWG HTML 规范 - 4.6.7.14 链接类型“noreferrer”