Atributo HTML <img> referrerpolicy

El atributo HTML <img> referrerpolicy se utiliza para especificar la información de referencia que se enviará al servidor al recuperar la imagen. 

Sintaxis:

<img referrerpolicy="value">  

Valores de atributo: 

  • no-referrer: Especifica que no se enviará información de referencia junto con una solicitud.
  • no-referrer-when-downgrade: Tiene un valor por defecto. Especifica que el encabezado de referencia no se enviará a los orígenes sin HTTPS.
  • origen: Especifica enviar el origen del documento como referente en todos los casos.
  • origin-when-cross-origin: envía el origen, la ruta y la string de consulta cuando se realiza una solicitud del mismo origen, pero solo envía el origen del documento para otros casos.
  • unsafe-url: Envía origen. ruta y string de consulta, pero no incluye fragmento, contraseña y nombre de usuario.

Ejemplo: El siguiente código ilustra el uso del atributo de política de referencia <img>. 

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>

Producción:

Navegadores compatibles:

  • Google Chrome 51.0
  • Borde 79.0
  • Internet Explorer no compatible
  • Firefox 50.0
  • Safari 14.0
  • Ópera 38.0

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *