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

HTML&CSSa标签rel=”noopener noreferrer”属性的作用详解已关闭评论3,7772

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"是什么意思?文章源自新手站长-https://xinshouzhanzhang.com/relnoopener-noreferrer.html

超链接a标签的rel="noopener noreferrer"属性是一种新特性,它能让网站更安全,超链接添加rel="noopener noreferrer"来防止钓鱼网站,因为它获取的window.opener的值为null。文章源自新手站长-https://xinshouzhanzhang.com/relnoopener-noreferrer.html

rel="noopener noreferrer"详细说明

当用户浏览一个页面,点击一个a标签超链接,如下:文章源自新手站长-https://xinshouzhanzhang.com/relnoopener-noreferrer.html

<a href="https://xinshouzhanzhang.com/" target="_blank">跳转到一个新页面</a>

在新打开的页面中,通过window.opener可以获取到源页面的部分控制权,即使新打开的页面是跨域也可以获取部分控制权。当a标签中加入了rel="noopener noreferrer"属性,就会window.opener会为null。文章源自新手站长-https://xinshouzhanzhang.com/relnoopener-noreferrer.html 文章源自新手站长-https://xinshouzhanzhang.com/relnoopener-noreferrer.html

【阿里云99元服务器】入口2核2G3M带宽、新老用户同享、99元/年续费到2027年

【腾讯云特价】:2核2G3M 88元一年、2核2G4M 108元1年 366元3年、2核4G5M 166元/年 566元3年、4核8G12M 446元一年 更多配置8核16G18M和16核32G28M 点我直达 >>

2023阿里云优惠活动:xinshouzhanzhang.com/go/aliyun

注意:以上特价轻量服务器限制条件为“产品首单特惠”,如果你的腾讯云账号已经是老用户,建议重新注册一个腾讯云账号,如果你是新用户符合条件,那么无脑入,确实值得。

 
  • rel="noopener noreferrer"
  • noopener noreferrer
  • a标签noopener noreferrer
  • WordPress noopener noreferrer
HTML&CSS

HTML文本标签、程序代码和引用标签大全

HTML文本格式化标签表,包括文本标签、程序和引用标签: HTML文本格式化标签表: 标签 描述 <b> 定义粗体文本 <em> 定义着重文字 <i> 定义斜体字 ...
HTML&CSS

table td自适应宽度设置(根据内容自动拉伸)

table td或th如何格局单元格内容自适应宽度?table td th根据表格内容自动拉伸CSS属性,新手站长网分享内联样式style和CSS方法: table td th自适应宽度样式 内联样式...