标签属性rel=“noopener noreferrer“的作用及含义

￡神魔★判官ぃ 2023-09-27 09:56 139阅读 0赞

没有rel=“noopener noreferrer”的情况下使用target=“\_blank”是有安全风险，超链接a标签的rel="noopener noreferrer"属性是一种新特性，它能让网站更安全，超链接添加rel="noopener noreferrer"来防止钓鱼网站，因为它获取的window.opener的值为null。  
![1b9c4ea1cd154025891187e57ed4060a.png][]

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标签超链接，如下：

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p>&lt;a href="https://www.aaa.com/" target="_blank"&gt;跳转到一个新页面&lt;/a&gt;</p> </td> 
  </tr> 
 </tbody> 
</table>

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

[1b9c4ea1cd154025891187e57ed4060a.png]: https://img-blog.csdnimg.cn/1b9c4ea1cd154025891187e57ed4060a.png

发表评论取消回复

表情：

评论列表（有 0 条评论，139人围观）

还没有评论，来说两句吧...

相关阅读

相关 Maven settings文件对应的标签及含义

Maven 的 settings 文件是一个 XML 文件，包含了 Maven 构建工具的配置信息。以下是 settings 文件中常见的标签： 1. `<settings

我不是女神ヾ/ 2024年03月01日 04:01/ 0 赞/ 69 阅读

相关标签属性rel=“noopener noreferrer“的作用及含义

没有rel=“noopener noreferrer”的情况下使用target=“\_blank”是有安全风险，超链接a标签的rel="noopener noreferrer"

￡神魔★判官ぃ/ 2023年09月27日 09:56/ 0 赞/ 140 阅读

相关 Python中的 name属性的含义和作用

Python中的模块（.py文件）在创建之初会自动加载一些内建变量，\_\_name\_\_就是其中之一。Python模块中通常会定义很多变量和函数，这些变量和函数相当于模块中

缺乏、安全感/ 2023年01月23日 13:50/ 0 赞/ 75 阅读

相关 style 标签属性 scoped 的作用和原理

在vue项目里面经常在页面下面的 style 标签上面加上 scoped 属性，对于这个 scoped 属性的了解做一下介绍。 1、作用当 style 标签里面有 s

约定不等于承诺〃/ 2023年01月09日 15:50/ 0 赞/ 220 阅读

相关 HTML：head标签及作用

head标签 title：定义不同文档的标题 base：定义所有链接的URL link：定义文档与外部资源之间的关系 style：定义HTML文档

水深无声/ 2022年11月17日 05:29/ 0 赞/ 212 阅读

相关标签及属性

换行标记：<p>和<br> <h1>~<h6>：数字越小字体越大 <b>...</b>：黑体 <i>...</i>：斜体 <u>...<

淡淡的烟草味﹌/ 2022年06月12日 11:14/ 0 赞/ 250 阅读

相关 form表单标签的enctype属性的作用

Enctype是指定将数据回发到服务器时浏览器使用的编码类型，其编码类型有以下三种 -------------------- 一、 application/x-www-fo

川长思鸟来/ 2022年05月23日 02:11/ 0 赞/ 191 阅读

相关 @Repository注解的作用及含义

> @Repository(value="userDao") > > 该注解是告诉Spring，让Spring创建一个名字叫“userDao”的UserDaoImpl实例。

我不是女神ヾ/ 2022年05月13日 17:05/ 0 赞/ 291 阅读

相关 nofollow、noopener和noreferrer标签的区别

本文转自：[https://www.fengjunzi.com/blog-17545.html][https_www.fengjunzi.com_blog-17545.html

青旅半醒/ 2022年01月22日 08:37/ 0 赞/ 154 阅读

相关 img标签中alt属性的作用是什么

标签的 alt 属性指定了替代文本，用于在图像无法显示或者用户禁用图像显示时，代替图像显示在浏览器中的内容。

小灰灰/ 2020年05月14日 09:49/ 0 赞/ 1022 阅读