How to add HTML <area> referrerpolicy Attribute
Set the referrerpolicy attribute for the area hyperlinks.
Definition and Usage
The referrerpolicy attribute specifies which referrer information to send when the user clicks on the hyperlink.
Browser Support
The numbers in the table specify the first browser version that fully supports the attribute.
Syntax
<area referrerpolicy="no-referrer|no-referrer-when-downgrade|origin|origin-when-cross-origin|same-origin|strict-origin-when-cross-origin|unsafe-url">
Attribute Values
| Value | Description |
|---|---|
| no-referrer | No referrer information is sent |
| no-referrer-when-downgrade | Default. Sends the origin, path, and query string if the protocol security level stays the same or is higher (HTTP to HTTP, HTTPS to HTTPS, HTTP to HTTPS is ok). Sends nothing to less secure level (HTTPS to HTTP is not ok) |
| origin | Sends the origin (scheme, host, and port) of the document |
| origin-when-cross-origin | Sends the origin of the document for cross-origin request. Sends the origin, path, and query string for same-origin request |
| same-origin | Sends a referrer for same-origin request. Sends no referrer for cross-origin request |
| strict-origin-when-cross-origin | Sends the origin if the protocol security level stays the same or is higher (HTTP to HTTP, HTTPS to HTTPS, and HTTP to HTTPS is ok). Sends nothing to less secure level (HTTPS to HTTP) |
| unsafe-url | Sends the origin, path, and query string (regardless of security). Use this value carefully! |
index.html
Example:
HTML
<img src="https://horje.com/uploads/demo/2024-02-19-15-51-41-area11.png"
alt="" width="300" height="119"
class="aligncenter size-medium wp-image-910965"
usemap="#shapemap" />
<map name="shapemap">
<!-- area tag contained image. -->
<area shape="poly"
coords="59,31,28,83,91,83"
href="https://horje.com/uploads/demo/2024-02-19-15-52-16-area2.png"
alt="Triangle" referrerpolicy="same-origin">
</map>
Output should be:
Type: | Html |
Category: | Web Tutorial |
Sub Category: | HTML Tag |
Uploaded by: | Admin |