> Manuales > Taller de HTML

Código HTML en etiquetas META para refrescar una página o hacer una redirección a otra página automáticamente.

En las etiquetas META, como probablemente sabremos, se indican informaciones sobre las palabras clave y descripciones de los documentos, autoría y propiedad, métodos de contacto, etc. Pero también podemos indicar otras acciones al navegador que pueden resultar útiles para los desarrolladores, como indicar un refresco o una redirección. En este artículo veremos cómo hacerlo.

La etiqueta META que se hace para indicar al navegador un refresco o una redirección tiene la forma siguiente:

<META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://www.desarrolloweb.com">

Como vemos, el atributo HTTP-EQUIV se indica una información al navegador como si fuera enviada en la cabecera del http, es decir, la instrucción enviada en una etiqueta META que utiliza HTTP-EQUIV es equivalente a si ésta se hubiera enviado en la cabecera del http. En este caso, que lo tenemos igualado a REFRESH, es para indicar queremos hacer un refresco de la página.

En el atributo CONTENT indicamos las características del refresco. El valor asociado contiene dos partes, primero el tiempo en segundos de espera para hacer el refresco o redirección y la URL a la que enviar el navegador.

Página para hacer una redirección con HTML

El código HTML de la página completo para hacer una redirección sería el siguiente:

<html>
<head>
<title>Redirigir al navegador a otra URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://www.desarrolloweb.com">
</head>
<body>
Esta página cambia en 5 segundos por la portada de DesarrolloWeb.com
</body>
</html>

Se puede ver en marcha en una página aparte.

Página que se refresca ella sola al pasar unos segundos

Ahora veremos también un ejemplo de página que se refresca o recarga cada segundo que pasa. En esta página, para comprobar que se refresca y se recarga su contenido, hemos utilizado un poco de javascript para mostrar la hora, minutos y segundos actuales, así en cada recarga podremos ver que los segundos van incrementándose.

<html>
<head>
<title>Refrescar la URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="1;URL=refrescar.html"> </head>
<body>
Hora:
<script>
miFecha = new Date()
document.write(miFecha.getHours() + ":" + miFecha.getMinutes() + ":" + miFecha.getSeconds())
</script>
</body>
</html>

En este caso, en la META para definir el refresco hemos especificado que se realice cada segundo y que llame a la URL refrescar.html. Obviamente, el archivo HTML tiene el nombre refrescar.html, de modo que la recarga llamará a la misma página todo el tiempo.

Se puede ver en marcha en una página aparte.

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online Escu...

Manual