前端问答社区

html的a标签属性rel=”noopener”有什么作用?

Javan 发布于 3星期前 分类:html

a标签rel="noopener noreferrer"是什么意思?新手站长网发现WordPress为a标签自动添加了rel="noopener noreferrer"属性,那么rel="noopener noreferrer"是什么意思?

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

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

<a href="http://www.javanx.cn" target="_blank">web秀</a>

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

所以,好的SEO网站,如果是外链,都会在a标签上面添加 rel="noopener noreferrer"

回复

共0条回复 我来回复
  • 暂无回复内容