El atributo HTML <area> referrerpolicy se utiliza para especificar la información de referencia en el lado del cliente que se enviará al servidor al obtener el resultado.
Sintaxis:
<area referrerpolicy="value">
Valores de atributos:
- 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 solo 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.
- mismo origen: especifica que el referente se enviará para orígenes del mismo sitio, pero las requests de origen cruzado no enviarán información de referente.
- strict-origin-when-cross-origin: envía el origen, la ruta y la string de consulta cuando realiza una solicitud del mismo origen, solo envía el origen cuando el nivel de seguridad del protocolo permanece igual mientras realiza una solicitud de origen cruzado (HTTPS/ HTTPS) y no envíe ningún encabezado a ningún destino menos seguro (HTTPS/HTTP).
- URL insegura: envía un origen, una ruta y una string de consulta como información de referencia, pero no incluye contraseña ni nombre de usuario.
Ejemplo:
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>
Producción:
Navegadores compatibles:
- Google Chrome 51.0 y superior
- Internet Explorer no compatible
- Mozilla Firefox 50.0 y superior
- Ópera 38.0 y superior
- Safari 11.1 y superior
- Edge 79.0 y superior
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA