meta标签name="referrer"属性简介和用法小结

当前位置：电视猫 > Html5>

电视猫时间： 2024-07-31 21:07:40

referrer 属性是一个 HTML 元标签，用于指定当前页面向其他页面发送的来源信息。简单来说，就是告诉目标页面，当前页面是从哪个页面跳转过来的。
作用：
- 网站统计： 网站可以通过 referrer 属性来统计用户来源，分析用户行为，优化网站。
- 安全保护： 可以通过设置 referrer 属性来保护网站内容，防止被盗链。
- 隐私保护： 在某些情况下，为了保护用户隐私，可以禁止发送 referrer 信息。

no-referrer: 不发送任何信息。
no-referrer-when-downgrade: 如果目标站点使用的协议与当前页面相同或更安全，则发送完整的 URL；否则，不发送任何信息。
origin: 只发送协议、域名和端口号。
origin-when-cross-origin: 如果目标站点与当前站点处于不同的域，则只发送协议、域名和端口号；否则，发送完整的 URL。
strict-origin: 与 origin-when-cross-origin 相似，但如果目标站点使用的是数据方案（例如 data:），则不发送任何信息。
unsafe-url: 发送完整的 URL，包括参数。

HTML

<meta name="referrer" content="no-referrer-when-downgrade">

位置： referrer 属性应该放在 <head> 标签内。
作用： 上述代码表示，如果目标站点使用的协议与当前页面相同或更安全，则发送完整的 URL；否则，不发送任何信息。这是一种平衡安全性和数据收集的常见做法。

referrer 属性是一个非常有用的 HTML 元标签，可以帮助我们更好地控制网站的访问来源和保护用户隐私。在实际应用中，我们需要根据具体的场景和需求，选择合适的 referrer 属性值。

常见问题：

referrer 和 referer-policy 有什么区别？
- referrer-policy 是 HTTP 头部的一个字段，它与 meta 标签中的 referrer 属性的作用类似，都是用来控制 referrer 信息的发送。但是 referrer-policy 的优先级更高，如果两者设置不一致，以 referrer-policy 为准。
如何查看当前页面的 referrer？
- 在浏览器的开发者工具中，可以查看 Network 面板中的 Request Headers，找到 Referer 字段。

希望这个总结能帮助你更好地理解和使用 referrer 属性！

如果你还有其他问题，欢迎随时提问。