标签属性rel=“noopener noreferrer“的作用及含义

￡神魔★判官ぃ 2023-09-27 09:56 183阅读 0赞

没有rel=“noopener noreferrer”的情况下使用target=“_blank”是有安全风险，超链接a标签的rel=”noopener noreferrer”属性是一种新特性，它能让网站更安全，超链接添加rel=”noopener noreferrer”来防止钓鱼网站，因为它获取的window.opener的值为null。
1b9c4ea1cd154025891187e57ed4060a.png

html中a标签属性rel=”noopener noreferrer”是什么？rel=”noopener noreferrer”有什么作用？下面说说a标签rel=”noopener noreferrer”属性的作用

a标签rel=”noopener noreferrer”详解

a标签rel=”noopener noreferrer”是什么意思？此刻发现WordPress为a标签自动添加了rel=”noopener noreferrer”属性，那么rel=”noopener noreferrer”是什么意思？

超链接a标签的rel=”noopener noreferrer”属性是一种新特性，它能让网站更安全，超链接添加rel=”noopener noreferrer”来防止钓鱼网站，因为它获取的window.opener的值为null。

rel=”noopener noreferrer”详细说明

当用户浏览一个页面，点击一个a标签超链接，如下：








1

<a href=”https://www.aaa.com/“ target=”_blank”>跳转到一个新页面</a>

在新打开的页面中，通过window.opener可以获取到源页面的部分控制权，即使新打开的页面是跨域也可以获取部分控制权。当a标签中加入了rel=”noopener noreferrer”属性，就会window.opener会为null。

发表评论

表情：
评论列表 （有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读