Descripción
El atributo referrerpolicy del elemento link especifica la política que debe ser utilizada al enviar la información del referente cuando se sigue un enlace. Este atributo determina qué información del encabezado HTTP Referer se incluirá en las solicitudes que se realizan cuando se utiliza el elemento link.
Los valores que puede tener son:
- no-referrer: No se envía información de referencia.
- no-referrer-when-downgrade: No se envía información de referencia cuando se navega a un origen menos seguro (de HTTPS a HTTP).
- origin: Solo se envía el origen del documento.
- origin-when-cross-origin: Envía la URL completa para navegación en el mismo origen, pero solo el origen para navegación entre orígenes.
- unsafe-url: Envía el origen, la ruta y la cadena de consulta, incluso cuando se navega de HTTPS a HTTP.
Sintaxis
<link referrerpolicy="no-referrer | no-referrer-when-downgrade | origin | origin-when-cross-oorigin | unsafe-url">
Elemento Padre
Ejemplo
En el siguiente ejemplo, se configura un enlace a una hoja de estilo externa, indicando que no se debe enviar ninguna información del referente cuando se cargue este recurso:
<link rel="stylesheet" href="styles.css" referrerpolicy="no-referrer">
Este es un enfoque útil cuando quieres mantener la privacidad del usuario al cargar recursos externos, evitando que el servidor de destino sepa de qué página proviene la solicitud.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.