a标签rel=”noopener noreferrer”属性的作用详解

  • A+
所属分类:HTML&CSS
2021服务器优惠

阿里云优惠:1核2G服务器59元/年、2核4G服务器209元/年、4核8G服务器369元一年、8核16G5M 更多...
腾讯云秒杀:1核2G服务器99元/年、2核4G服务器314元/年、4核8G 735元一年、8核16和16核32G 更多...

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标签超链接,如下:

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

2021云服务器价格出炉,便宜有好货!
① 阿里云:2021阿里云特价活动云服务器59元一年起(有高配)
② 代金券:阿里云代金券限量发放中...(有账号就能领)
③ 腾讯云:腾讯云服务器秒杀99元一年起(多款配置可选)

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: