HTML <img> referrerpolicy 属性 详解
HTML基础 2022-06-02 12:02:04小码哥的IT人生shichen
HTML <img> referrerpolicy 属性
实例
设置图片的引用策略：
<img src="https://example.com/images/myimage.jpg" alt="Some image" referrerpolicy="no-referrer">定义和用法
referrerpolicy 属性规定在获取图像时要使用的引荐来源信息。
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
| 属性 | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| referrerpolicy | 51.0 | 79.0 | 50.0 | 11.1 | 38.0 |
语法
<img 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 | 发送来源、路径和查询字符串（但不发送片段、密码或用户名）。该值被认为是不安全的。 |
