La actualización meta es un método para indicarle a un navegador web que actualice automáticamente la página web o el marco actual después de un intervalo de tiempo determinado, utilizando un elemento HTML con el parámetro establecido en " " y un parámetro que indica el intervalo de tiempo en segundos. También es posible indicarle al navegador que obtenga una URL diferente cuando se actualice la página, incluyendo la URL alternativa en el parámetro. Al establecer el intervalo de tiempo de actualización en cero (o en un valor muy bajo), la actualización meta se puede utilizar como un método de redirección de URL .
metahttp-equiv
refresh
content
content
Esta característica fue introducida originalmente por Netscape Navigator 1.1 (circa 1995), en forma de encabezado HTTP y meta
elemento HTML equivalente a HTTP correspondiente, que permite al autor del documento indicar al cliente que recargue automáticamente el documento o cambie a una URL específica después de un tiempo de espera especificado. [1] Es el mecanismo de sondeo más antiguo disponible para la web [ cita requerida ] , que permite a un usuario ver la última actualización en una página web que cambia con frecuencia, como las que muestran resultados de fútbol en vivo o pronósticos del tiempo .
El Consorcio World Wide Web (W3C) desaconseja el uso de la actualización meta, ya que una actualización inesperada puede desorientar a los usuarios. [2] La actualización meta también afecta el botón "atrás" del navegador web en algunos navegadores (incluido Internet Explorer 6 y anteriores), aunque la mayoría de los navegadores modernos lo compensan ( Internet Explorer 7 y superior, Mozilla Firefox , Opera , Google Chrome ).
Existen usos legítimos de la metaactualización, como proporcionar actualizaciones a páginas web dinámicas o implementar la navegación controlada por el sitio de un sitio web sin JavaScript . Muchos sitios web grandes la utilizan para actualizar noticias o actualizaciones de estado, especialmente cuando no se desean dependencias de JavaScript y encabezados de redireccionamiento.
Coloque dentro del <head>
elemento para actualizar la página después de 5 segundos:
< meta http-equiv = "refresh" content = "5" >
Redirigir https://example.com/
después de 5 segundos:
< meta http-equiv = "refresh" content = "5; url=https://ejemplo.com/" >
Redirigir a https://example.com/
inmediatamente:
< meta http-equiv = "refresh" content = "0; url=https://ejemplo.com/" >
Las metaetiquetas de actualización tienen algunas desventajas:
Meta refresh utiliza la http-equiv
etiqueta meta para emular el encabezado Refresh
HTTP y, como tal, también puede enviarse como encabezado por un servidor web HTTP. Aunque Refresh
no forma parte del estándar HTTP , es compatible con todos los navegadores comunes.
Ejemplo de encabezado HTTP de una redirección https://example.com/
después de 5 segundos:
Actualizar: 5; url=https://www.example.com/
Existen alternativas para ambos usos de la actualización meta.
Una alternativa es enviar un código de estado de redirección HTTP , como HTTP 301 o 302. Es la forma preferida de redirigir a un agente de usuario a una página diferente. Esto se puede lograr mediante una regla especial en el servidor web o mediante un script simple en el servidor web.
JavaScript es otra alternativa, pero no se recomienda, porque los usuarios podrían tener JavaScript deshabilitado en sus navegadores.
La forma más sencilla de redirigir en JavaScript usando la onload
propiedad de la body
etiqueta:
< cuerpo onload = "ventana.ubicación = 'http://ejemplo.com/'" ><!-- Tu contenido aquí --></ cuerpo >
Un método alternativo es proporcionar un dispositivo de interacción, como un botón, que permita al usuario elegir cuándo actualizar el contenido. Otra opción es utilizar una técnica como Ajax para actualizar (partes del) sitio web sin necesidad de actualizar la página completa, pero esto también requeriría que el usuario habilite JavaScript en su navegador.
Puede actualizar una página web mediante el método location.reload de JavaScript . Este código se puede invocar automáticamente cuando se produce un evento o simplemente cuando el usuario hace clic en un enlace. Si desea actualizar una página web mediante un clic del ratón, puede utilizar el siguiente código:
< a href = "javascript:location.reload(true)" > Actualizar esta página </ a >