HTML <img> referrerpolicy Attribute

Last Updated : 20 Jul, 2022

The HTML <img> referrerpolicy attribute is used to specify the reference information that will be sent to the server when fetching the image.

Syntax:

<img 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 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.
unsafe-url: It sends origin. path and query string but not include fragment, password and username.

Example: Below code illustrates the use of <img> referrer policy attribute.

HTML

<!DOCTYPE html>
<html>

<body>
    <h1>GeeksforGeeks</h1>

    <h2>
        HTML img referrerpolicy Attribute
    </h2>
    <img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
        alt="GeeksforGeeks logo" referrerpolicy="no-referrer"
     >
</body>

</html>

Output:

Supported Browsers:

Google Chrome 51.0
Edge 79.0
Internet Explorer Not Supported
Firefox 50.0
Safari 14.0
Opera 38.0

M

manaschhabra2

Improve

Article Tags :

Similar Reads

HTML <img> align Attribute

The HTML <img> align attribute sets an imageâ€™s alignment relative to surrounding elements, allowing horizontal or vertical positioning. It is deprecated in HTML5 and replaced by CSS properties like float and vertical alignment for more flexible and modern alignment options.Note: The align attr

HTML img alt Attribute

The <img> alt attribute is used to specify alternative text for an image. This attribute is particularly useful when the image cannot be displayed, either due to a broken link or when users rely on screen readers.Syntax<img src="image.jpg" alt="text">Attribute ValuesThe alt attribute con

HTML | <img> border Attribute

The <img> border attribute is used to specify the border width around the image. The default value of <img> border attribute is 0. It is not supported by HTML 5. Use CSS instead of this attribute. Syntax: <img border="pixels"> Attribute Values: It contains single value pixels which

HTML <img> crossorigin Attribute

The HTML crossorigin Attribute in is used in <img> element that supports a CORS request when we tried to fetch out the .png or .jpg files from the third party server or from other domain.Â Syntax <img crossorigin="anonymous | use-credentials"> Attribute Values: anonymous: It has a defaul

HTML | <img> height Attribute

The <img> height attribute is used to specify the height of the image in pixels. Syntax: <img height="pixels"> Attribute Values: It contains single value pixels which specify the height of the image in pixel. Example: html <!DOCTYPE html> <html> <head> <title> HTM

HTML | <img> hspace Attribute

The HTML <img> hspace attribute is used to specify the number of whitespaces on the left and the right side of the image. The hspace attribute is not supported by HTML 5 you can use CSS there. Syntax: <img hspace="pixels"> Attribute Values: pixels: It specifies the number of whitespaces

HTML | <img> ismap Attribute

The HTML <img> ismap Attribute is a Boolean attribute. When exist, it specifies that the image is a component element of a server-side image-map (an image-map is a picture with clickable areas). When clicking on a server-side image-map, the press coordinates square measure sent to the server a

HTML <img> loading Attribute

In this article, we will discuss the HTML img loading attribute. This attribute handles how an image will be loaded on a webpage. It accepts three string values, namely, auto, eager and lazy.Lazy Loading Attribute: This strategy is used to identify resources as non-critical and the resources will be

HTML <img> longdesc Attribute

In this article, we will discuss longdesc in HTML. Longdesc is an HTML attribute used to provide a detailed description of an image. It is an optional attribute that can be used to add extra details about an image beyond the shorter description provided as a tooltip. Syntax: <img longdesc="string

HTML <img> referrerpolicy Attribute

The HTML <img> referrerpolicy attribute is used to specify the reference information that will be sent to the server when fetching the image. Syntax: <img referrerpolicy="value"> Attribute Values : no-referrer: It specifies that no reference information will be sent along with a request.