Hispanopedia WikiLa meta actualización es un método para indicarle al navegador que actualice automáticamente la página o 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 especifica el intervalo de tiempo en segundos. También es posible indicarle al navegador que obtenga una URL diferente al actualizar la página, incluyendo la URL alternativa en el parámetro. Al establecer el intervalo de actualización en cero (o un valor muy bajo), la meta actualización puede utilizarse como método de redirección de URL.metahttp-equivrefreshcontentcontent
Historia
Esta característica fue introducida originalmente por Netscape Navigator 1.1 (alrededor de 1995), en forma de encabezado HTTP y metaelemento 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 determinado. [ 1 ] Es el mecanismo de sondeo más antiguo disponible para la web , 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 .
Usabilidad
El Consorcio World Wide Web (W3C) desaconseja el uso de la meta actualización , ya que una actualización inesperada puede desorientar a los usuarios. [ 2 ] La meta actualización también afecta al botón "atrás" del navegador web en algunos navegadores (incluidos Internet Explorer 6 y versiones anteriores), aunque la mayoría de los navegadores modernos compensan esto ( Internet Explorer 7 y versiones posteriores, Mozilla Firefox , Opera , Google Chrome ).
Existen usos legítimos de la función meta-refresh, como proporcionar actualizaciones a páginas web dinámicas o implementar la navegación controlada por el 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 ni de encabezados de redireccionamiento.
Ejemplos
Colócalo dentro del elemento para actualizar la página después de 5 segundos:<head>
< meta http-equiv = "refresh" content = "5" >Redirigir a https://example.com/después de 5 segundos:
< meta http-equiv = "refresh" content = "5; url=https://example.com/" >Redirigir https://example.com/inmediatamente a:
< meta http-equiv = "refresh" content = "0; url=https://example.com/" >Desventajas
Las etiquetas meta refresh tienen algunos inconvenientes:
- Si una página redirige demasiado rápido (en menos de 2-3 segundos), al usar el botón "Atrás" en la página siguiente, algunos navegadores pueden volver a la página de origen, lo que provocará otra redirección. Esto perjudica la usabilidad, ya que puede dejar al usuario atrapado en la última página web visitada.
- Un lector puede o no desear ser redirigido a una página diferente, lo que puede provocar insatisfacción del usuario o generar preocupaciones sobre la seguridad. [ 3 ]
Alternativas
La función `meta refresh` utiliza la http-equivetiqueta `meta` para emular el encabezado RefreshHTTP y, por lo tanto, también puede enviarse como encabezado por un servidor web HTTP. Si bien Refreshno forma parte del estándar HTTP , es compatible con todos los navegadores comunes.
Ejemplo de encabezado HTTP para una redirección https://example.com/después de 5 segundos:
Actualizar: 5; url=https://www.example.com/Existen alternativas para ambos usos de meta refresh.
Para redirección
Una alternativa es enviar un código de estado de redirección HTTP , como HTTP 301 o 302. Este es el método preferido para redirigir a un usuario a una página diferente. Esto se puede lograr mediante una regla especial en el servidor web o mediante un script sencillo en el mismo.
JavaScript es otra alternativa, pero no se recomienda, ya que los usuarios podrían tener JavaScript deshabilitado en sus navegadores.
La forma más sencilla de redirigir en JavaScript usando la onloadpropiedad de la bodyetiqueta:
< body onload = "window.location = 'http://example.com/'" ><!-- Tu contenido aquí --></body>Para refrescar
Un método alternativo consiste en proporcionar un elemento interactivo, como un botón, para que el usuario elija cuándo actualizar el contenido. Otra opción es utilizar una técnica como Ajax para actualizar (partes de) el sitio web sin necesidad de recargar la página completa, pero esto también requeriría que el usuario habilite JavaScript en su navegador.
Puedes actualizar una página web usando el método `location.reload` de JavaScript . Este código se puede ejecutar automáticamente al producirse un evento o simplemente cuando el usuario hace clic en un enlace. Si deseas actualizar una página web mediante un clic del ratón, puedes usar el siguiente código :
<a href="javascript:location.reload(true)"> Actualizar esta página </a>Referencias
- ↑ "Una exploración de los documentos dinámicos" . Netscape Communications Corporation. Archivado del original el 24 de enero de 2002. Consultado el 24 de abril de 2020 .
- ↑ Técnicas básicas para las Pautas de Accesibilidad al Contenido Web 1.0 - Nota del W3C, 6 de noviembre de 2000
- ↑ Etiqueta Meta Refresh , un artículo de About.com que trata sobre el uso de la etiqueta para recargar o redirigir páginas.
Enlaces externos
- Directrices de accesibilidad al contenido web del W3C (1.0): Garantizar el control del usuario sobre los cambios de contenido sensibles al tiempo.
metaLa función refresh ha sido descontinuada por el W3C.- Utilice redirecciones estándar: ¡no estropee el botón de retroceso!
- H76: Uso de meta refresh para crear una redirección instantánea del lado del cliente.
- HTML
- Encabezados del Protocolo de Transferencia de Hipertexto
