Recargar o redirigir a otra página con HTML

Valoración del artículo:
Código HTML en etiquetas META para refrescar una página o hacer una redirección a otra página automáticamente.
Publicado: 20/9/06
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
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.

Comentarios
Fueron enviados 5 comentarios al artículo
4 comentarios no revisados
1 comentario revisado:

guiller...
Puede afectar el uso de Redireccionamiento el posicionamiento de un sitio
04/9/09
Gracias por el artículo.

Tengo dos preguntas:

1. No es penalizado el uso del META refresh por los robots de Google o Yahoo, pues tengo entendido que algunos sitios fraudulentos lo hacen.

2. Por qué no funciona el META refresh en Internet Explorer 8, incluí el código en mi página 404.html para que me redireccionara a la página principal después de 5 segundos. Funciona perfecto en Firefox, Opera, Safari y Chrome. Pero no en IE8 a pesar de estar habilitada en las opciones de Seguridad. En vez de redirigirme a la página principal, hace un loop y vuelve a cargar la página 404.html.

Gracias.

Manuales relacionados
Categorias relacionadas
El autor
Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Alojados en el grupo