rel="noopener noreferrer"

在 airbnb 的前端规范中，所有关于 target="_blank" 的 <a> 标签，要求必须有 rel="noopener noreferrer"。原因如下：

 

这是因为在浏览器中，通过 <a> 标签在新窗口打开的页面( 假设原页面是 A, 新打开的页面是 B )

在 B 页面中，可以通过 window.opener 属性获得 A 页面的 window 对象。比如，在 B 页面中使用 window.opener.alert(1)，A 页面中就会弹出 1 这样的警告框。

因此为了安全，应该通过 rel=“noopener” 属性将 window.opener 属性置空( null )

至于 noreferrer 属性则是为了兼容旧版本的浏览器，功能是一样的。