rel=noopener noreferrer有什么用？

0 80 2024-06-15 18:00:02

本文目录

1. 标签说明
2. 示例

rel="noopener noreferrer" 是一个通常与 HTML 中的a标签（链接标签）一起使用的属性组合，用于指定链接打开时的行为和安全特性。

标签说明

noopener: 这个属性防止新打开的页面（通常通过 target="_blank" 在新窗口或标签页中打开）能够访问打开它的页面的 window.opener 属性。这有助于减少潜在的跨站点脚本（XSS）攻击的风险，因为攻击者不能通过 window.opener 访问到原始页面的属性和方法。
noreferrer: 这个属性阻止浏览器在 HTTP 请求的 Referer 头部中包含原始页面的 URL。这也可以增加隐私保护，因为某些网站可能会使用 Referer 头部来跟踪用户行为或分析流量来源。

因此，当你在 HTML 中为一个链接添加 target="_blank" 时，为了增强安全性和隐私保护，最好也添加 rel="noopener noreferrer"。例如：

示例

<a href="https://xzo.com.cn" target="_blank" rel="noopener noreferrer">Visit Example.com</a>
这个链接会在新的浏览器窗口或标签页中打开 https://example.com，并且应用了 noopener 和 noreferrer 的安全特性。

本文地址：https://xzo.com.cn/develop/js/1277.html

有帮助，很赞！

信息来源：下载鸥

业务合作

如果您认可我们的分享，有意与我们合作开展帝国cms网站建设与开发业务或插件定制，请联系右侧在线客服。我们能给您的，就是高质量的模板与售后。

版权声明

标注了信息来源为下载鸥的文章皆为原创，如果是转载的优质文章，我们也都标注了出处。如果您喜欢我们的文章，请按照下载鸥所标注的文章出处进行标注，谢谢您的配合。

信息标签

html

html5标签picture：自动加载不同尺寸的图片 html模板菜鸟html5教程一段常用的css文件base.css 微信小程序富文本解析wxParse下载支持html标签相对路径和绝对路径要如何选择？ w3school rel=noopener noreferrer有什么用？微信小程序和html标签比较

导出教程下载word版教程

关于JS/JQuery

JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。

JavaScript十分强大，不管是前端页面开发、视觉动态渲染、数据交互还是后端逻辑处理，都可以通过JS实现。虽然它是作为开发Web页面的脚本语言而出名，但是它也被用到了很多非浏览器环境中。