Atributo http-equiv de <meta> HTML

Definición y uso

http-equiv Atributo Atributo content El valor debe proporcionar campos de encabezado HTTP.

http-equiv El atributo se puede usar para simular campos de encabezado de respuesta HTTP.

Ejemplo

Actualiza el documento cada 30 segundos:

<head>
  <meta http-equiv="refresh" content="30">
</head>

Prueba por tu cuenta

Sintaxis

<meta http-equiv="content-security-policy|content-type|default-style|refresh">

Descripción

La modificación del valor del campo de encabezado HTTP (Protocolo de Transferencia de Hypertexto) es uno de los usos del elemento meta. Generalmente se utiliza HTTP para transmitir datos HTML entre el servidor y el navegador. Cada respuesta del servidor contiene un conjunto de campos que explican su contenido al navegador. El elemento meta se puede usar para simular cuatro campos de encabezado.

http-equiv El uso del atributo es especificar el nombre del campo de encabezado que se debe simular, el valor del campo se proporciona por Atributo content Especificar

http-equiv El atributo tiene cuatro valores disponibles, como se muestra en la tabla a continuación:

Valor del atributo

Valor Descripción
content-security-policy

Se especifica la política de contenido del documento.

Por ejemplo:

<meta http-equiv="content-security-policy" content="default-src 'self'">

content-type

Se especifica la codificación de caracteres del documento.

Consejo:Esta es otra manera de declarar la codificación de caracteres de una página HTML.

Por ejemplo:

<meta http-equiv="content-type" content="text/html; charset=UTF-8">

default-style

Se especifica el estilo de hoja de estilo preferido que se debe utilizar.

Por ejemplo:

<meta http-equiv="default-style" content="the document's preferred stylesheet">

Atención:El valor del atributo content debe coincidir con el valor del atributo title de algún elemento style o link en el mismo documento.

refresh

Se define el intervalo de tiempo de actualización del documento en segundos.

Por ejemplo:

<meta http-equiv="refresh" content="300">

También se puede especificar otra URL para que el navegador la cargue:

Por ejemplo:

<meta http-equiv="refresh" content="5; https://www.codew3c.com">

Atención:Se debe usar con cautela el valor "refresh", ya que puede quitarle al usuario el control sobre la página. El uso de "refresh" llevará a que las directrices de accesibilidad de contenido web de W3C fallen.

Compatibilidad con navegadores

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte