- A+
所属分类:HTML&CSS
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.xinshouzhanzhang.com/" target="_blank">跳转到一个新页面</a> |
在新打开的页面中,通过window.opener可以获取到源页面的部分控制权,即使新打开的页面是跨域也可以获取部分控制权。当a标签中加入了rel="noopener noreferrer"属性,就会window.opener会为null。
云服务器价格出炉,价格很低:
- 云服务器特价:阿里云服务器特惠57元起(全网最低价)
- 阿里云:阿里云代金券一键领取中...
- 腾讯云:腾讯云服务器秒杀特价88元一年起