How to add HTML <img> referrerpolicy Attribute
Set the referrerpolicy for an image:
The referrerpolicy attribute specifies which referrer information to use when fetching an image.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<img referrerpolicy="no-referrer|no-referrer-when-downgrade|origin|origin-when-cross-origin|unsafe-url">
Attribute Values
| Value | Description |
|---|---|
| no-referrer | No referrer information is sent |
| no-referrer-when-downgrade | Default. The referrer header will not be sent to origins without HTTPS |
| origin | Sends the origin (scheme, host, and port) of the document |
| origin-when-cross-origin | For cross-origin requests: Send only scheme, host, and port. For same-origin requests: Also include the path |
| unsafe-url | Send origin, path and query string (but not fragment, password, or username). This value is considered unsafe |
index.html
Example:
HTML
<img src="https://horje.com/avatar.png" alt="Some image" referrerpolicy="no-referrer">
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |