dominios y alojamiento web en hostalia

Recargar o redirigir a otra página con HTML

20 de septiembre de 2006
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.
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.

Compartir en redes sociales

Comentarios
Fueron enviados 10 comentarios al artículo
8 comentarios no revisados
2 comentarios revisados:
Puede afectar el uso de Redireccionamiento el posicionamiento de un sitio
04/9/2009
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.

ashloch
refresh
05/12/2010
La verdad, desconocia este comando, lo estoy investigando, ya que quiero enlazar una presentacion flash a una pagina html.
No se como ubicarlo.
Ahora me preocupa en comentario de que no esta permitio por los buscadores, tengo entendido que tambien los buscadores no indizan los sitios con presentaciones flash.
Volviendo a la presentacion, estoy en buen camino, o debo abordar el enlace en el ultimo fotograma del flash?

Manuales relacionados
Categorias relacionadas
El autor
Lectura recomendada
Compra este libro en Agapea, la librería urgente a domicilio.
Últimas noticias
Donaciones
Si piensas que te hemos ayudado y merecemos tu apoyo económico...