Aquileo | HTML <area> referrerpolicy Attribute

The HTML <area> referrerpolicy Attribute is used to specify the reference information on the client side that will be sent to the server when fetching out the result.

Syntax:

<area referrerpolicy="value">

Attribute Values:

no-referrer: It specifies that no reference information will be sent along with a request.
no-referrer-when-downgrade: It has a default value. It specifies that refer header will not be sent to origins without HTTPS.
origin: It specifies to only send the origin of the document as the referrer in all cases.
origin-when-cross-origin: It sends the origin, path, and query string when performing a same-origin request, but only send the origin of the document for other cases.
same-origin: It specifies that the referrer will be sent for same-site origins, but cross-origin requests will send no referrer information.
strict-origin-when-cross-origin: It sends the origin, path, and query string when performing a same-origin request, only send the origin when the protocol security level stays the same while performing a cross-origin request (HTTPS/HTTPS), and send no header to any less-secure destinations (HTTPS/HTTP).
unsafe-url: It sends an origin, path and query string as a reference information but does not include password and username.

Example:

HTML

<!DOCTYPE html>
<html>

<body>
    <h2>
        GeeksForGeeks
    </h2>

    <h2>
        HTML area referrerpolicy Attribute
    </h2>
    
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165729/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://media.geeksforgeeks.org/wp-content/uploads/20190227165802/area2.png"
            alt="Triangle" referrerpolicy="same-origin">
        
        <area shape="circle"
            coords="155,56,26"
            href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227165934/area3.png"
            alt="Circle" referrerpolicy="same-origin">
        
        <area shape="rect"
            coords="224,30,276,82"
            href=
"https://media.geeksforgeeks.org/wp-content/uploads/20190227170021/area4.png"
            alt="Square" referrerpolicy="same-origin">
    </map>
</body>

</html>

Output:

Supported Browsers:

Google Chrome 51.0 and above
Internet Explorer Not Supported
Mozilla Firefox 50.0 and above
Opera 38.0 and above
Safari 11.1 and above
Edge 79.0 and above

HTML <area> referrerpolicy Attribute

Explore