首页 > 网页制作 >HTML怎么做Referrer Policy_html Referrer Policy来源策略设置【实用】

HTML怎么做Referrer Policy_html Referrer Policy来源策略设置【实用】

来源:互联网 2026-04-25 14:09:09

最直接有效的做法是:对跳转链接加 rel="noreferrer";对资源加载用 referrerpolicy 属性;全局策略优先用 HTTP 响应头 Referrer-Policy。 想精准控制 Referer 的发送行为,其实没那么复杂。核心思路就三条:处理跳转链接,用 rel="norefer

最直接有效的做法是:对跳转链接加 rel="noreferrer";对资源加载用 referrerpolicy 属性;全局策略优先用 HTTP 响应头 Referrer-Policy。

HTML怎么做Referrer Policy_html Referrer Policy来源策略设置【实用】

想精准控制 Referer 的发送行为,其实没那么复杂。核心思路就三条:处理跳转链接,用 rel="noreferrer";控制静态资源加载,用 referrerpolicy 属性;至于全站统一的策略,则优先通过 HTTP 响应头 Referrer-Policy 来设置,这比在 HTML 里写 标签要靠谱得多。

长期稳定更新的攒劲资源: >>>点此立即查看<<<

什么时候该用 rel="noreferrer" 而不是 referrerpolicy

这里有个关键区别,很多人容易混淆。rel="noreferrer" 只对 标签的跳转行为生效,而且效果是“一刀切”的——它会彻底移除 Referer 请求头,同时自动附带 noopener 属性来防止 window.opener 劫持。你可以这么理解:referrerpolicy 是在规定“怎么发”Referer,而 rel="noreferrer" 则是直接决定“不发”。

referrerpolicy 属性在哪些标签上能用

这个属性的支持范围很明确,主要针对那些会发起资源请求的标签,比如