rel=noopener noreferrer有什么用？

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 的安全特性。