HTML <link> 标签的 referrerpolicy 属性 详解
HTML基础 2022-06-02 12:04:44小码哥的IT人生shichen
HTML <link> 标签的 referrerpolicy 属性
实例
规定不会将引用信息与请求一起发送到外部样式表：
<link rel="stylesheet" href="https://www.phpcodeweb.com/w3.css" referrerpolicy="no-referrer">
完整实例【亲自试一试】：
<!DOCTYPE html>
<html>
<body>
<h1>iframe referrerpolicy 属性</h1>
<iframe src="http://www.phpcodeweb.com/" referrerpolicy="no-referrer">
<p>您的浏览器不支持 iframe。</p>
</iframe>
</body>
</html>
可以使用本站在线JavaScript测试工具测试上述代码运行效果：http://www.phpcodeweb.com/runjs.html
定义和用法
referrerpolicy 属性规定在获取资源时要使用的引荐来源信息。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| referrerpolicy | 51.0 | 79.0 | 50.0 | 11.1 | 38.0 |
语法
<link referrerpolicy="no-referrer|no-referrer-when-downgrade|origin|origin-when-cross-origin|unsafe-url">
属性值
| 值 | 描述 |
|---|---|
| no-referrer | 不会随请求一起发送引荐来源信息。 |
| no-referrer-when-downgrade | 默认。在没有 HTTPS 的情况下，referrer 标头不会发送到来源。 |
| origin | 仅向请求客户端发送协议、主机和端口。 |
| origin-when-cross-origin | 对于跨域请求：仅发送协议、主机和端口。对于同源请求：还包括路径。 |
| unsafe-url | 发送来源、路径和查询字符串（但不发送片段、密码或用户名）。该值被认为是不安全的。 |
