rel="noopener noreferrer"属性的作用是告诉浏览器在打开新页面时采取一些安全措施,以防止新页面利用原页面的窗口对象执行恶意脚本,来防止钓鱼网站,提高页面安全性。具体来说: rel="noopener":防止新页面通过window.opener访问原页面的窗口对象,避免潜在的恶意行为。 rel="noreferrer":防止新页面将来源地址发送给目标页面...
通常noopener 和 noreferrer 会同时设置,rel=“noopener noreferrer”。因为一些老旧浏览器不支持 noopener。 使用target="_blank" 在新标签页中打开第三方地址时, 必须设置 rel=“noopener noreferrer”。
rel=noopener 新特性 <a href="www.baidu.com" target="_blank" rel="noopener noreferrer"></a> 在chrome 49+,Opera 36+,打开添加了rel=noopener的链接,window.opener会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替target='_blank'的解决此问题: varother...
`rel="noreferrer noopener"` 是 HTML 中 `<a>` 标签的属性，用于控制链接的行为。- `noreferrer`：...
你的页面如果不加上这个rel="noopener"会被人链接到别的网站,而noreferrer是一些旧浏览器的规范。 一般情况下,这两个合并使用,例如: <ahref="www.baidu.com"target="_blank"rel="noopener noreferrer"></a> 原理 [2] 网页A: <!DOCTYPE html><htmllang="en"dir="ltr"><head><metacharset="utf-8"><...
在Chrome 49+,Opera 36+,打开添加了 rel=noopener 的链接, window.opener 会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替 target=’_blank’ 来解决此问题: var otherWindow = window.open('http://www.baidu.com'); otherWindow.opener = null; otherWin...
这篇文章介绍了a标签中常用的rel属性,包括nofollow、noopener、noreferrer的作用和建议适用范围。合理使用这些属性可以提升网站的安全性和搜索引擎排名。其中,nofollow主要用于非本站外链,noopener用于避免被攻击影响本站,noreferrer用于保护网站隐私。 合理的使用a标签的rel属性必不可少,在适合的场景下使用正确的rel标签可以...
指示浏览器打开目标文档而不授予目标文档打开源文档的访问权限,打开添加了 rel=“noopener” 的链接,window.opener 会为 null。当打开不受信任的链接时,这个属性特别有用,可以确保目标文档无法通过Window.opener属性来篡改源文档,同时仍提供 Referer HTTP标头(除非同时使用noreferrer)。
在Chrome 49+,Opera 36+,打开添加了 rel=noopener 的链接, window.opener 会为null。在老的浏览器中,可以使用 rel=noreferrer 禁用HTTP头部的Referer属性,使用下面JavaScript代替 target=’_blank’ 来解决此问题: JavaScript var otherWindow = window.open('http://www.baidu.com'); otherWindow.opener = null...
看到的第一篇文章是《聊聊rel=external nofollow和rel=noopener noreferrer》,看的一知半解,初步了解了rel的一些属性的含义。 rel="nofllow" 它告诉搜索引擎,不要将该链接计入权重。因此大多数外部链接都可以加上rel="nofllow"。 rel="nofollow noopener noreferrer" ...