Recargar o redirigir a otra página con HTML

  • Por
  • 20 de septiembre de 2006
  • Valoración:
  • 17 Comentarios
  • Taller 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.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Comentarios

Rocio Morales

01/6/2007
hola me da mucho gusto saludarle y a la misma ves decirle q su informacion es muy interesante.y sigan adelante ....porq ami me aservido de mucho gracias Rocio

celeste2

18/11/2008
Gracias, justo el código que precisaba

adsl2009

10/7/2009
redireccionar
Gracias por la aportación, pero mi problema es que tengo dos dominios y me interesaria una pagina inicial index.html que me rediccionara a la carpeta htdocs-dominio1 y htdocs dominio-2 según la dirección que el cliente escriba en su navegador.
¿es posible
gracias por tu atención y por tus aportes.

Memochipan

04/9/2009
Puede afectar el uso de Redireccionamiento el posicionamiento de un sitio
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.

deivid

07/11/2009
Redireccion
Una pregunta que tengo.
a mi me gustaria redireccionar la pagina
pero conservando la ventana abierta.
nose si se me entiende.
que al redireccionar no se me abra en otra ventana
te dejo mi msn es urgente porfavor
deivid_sbd@hotmail.com

Samuel Heresi

28/1/2010
redireccionar para usuarios de Explorer 8
Siempre que necesito de este código recurro a Ustedes.

Me acabo de enterar por esta misma web que para los (pobres) usuarios de Explorer 8 el código no funcionaría, cómo se haría en ese caso?

Gracias por estar siempre ahí.

Drakon

01/7/2010
Gracias...
Probe las dos formas del ejemplo y funcionaron, gracias.

En IExplorer 8 si funcionan las 2 formas del ejemplo, solo que antes del "body"; solo en html, no en php...

reinaldo

09/11/2010
redireccionar mi pagina web en joomla a otra direccion
Buenas Noches le escribo porque mi priemra pagina web en joomla estaba hecha en zobyhost se me daño cree otra en 000westhost mi pregunta es como yo redirecciono la pagina vieja a la nueva cuando lo clientes entren a http://www.beginningserv.zobyhost.com/ se redireccione automaticamente a http://beginningservice.byethost12.com/

le pido por favor su ayuda gracias por todo

joomla 1.5.1.5

ashloch

05/12/2010
refresh
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?

Jesus

28/9/2011
Muchas gracias
Gracias por el aporte, me fue de mucha ayuda! :)

JOSE ANTONIO

17/1/2013
recargar web que no es mía
Gracias por el artículo, pero me gustaría saber si hay algún código para refrescar la url de una web que no es mía, me refiero a que se pueda poner en la barra del navegador y que refresque o recargue cada cierto tiempo una web, ¿hay algo para hacerlo?, gracias.

Zhavo

28/1/2013
Blogger y códigos por defecto
Estoy desesperado. Hace meses que nadie me contesta esta pregunta. Cuando uso el atributo <a title=""></a> en el Blogger, el Blogger lo actualiza añadiéndole por defecto el URL de la Visión General de la página, así: <a href="http://www.blogger.com/blogger.g?blogID=5535763273140625677" title="EXPLICACIÓN DEL DATO">DATO</a>. Odio que el Blogger haga eso porque al hacerlo se resalta como un link, el lector le da clic y termina en la página de la Visión General de la página. Eso sucede con todos los <a title=""></a>. Solo quiero que aparezca una explicación, no que redirija al lector a la página de Visón General. Con el constructor de mi web site no sucede eso, solo con el Blogger. Es una estupidez. Ya he consultado con Blogger y con un montón de gente, pero NADIE absolutamente nadie sabe cómo impedir que eso suceda. ¿Tienen una idea?

martin

02/4/2013
La redireccion no se ejecuta
El articulo es bastante instructivo, pero si subo el index.html a mi servidor, cuando meto la pagina me sale exactamente eso, las linea de texto con el html, no se abre tu pagina.
Gracias

j_a_af

10/11/2013
pregunta
Buenas,
con Mozilla si me hace el redireccionamiento pero en IE y Chrome no lo hace, se queda la página principal y nada más.

¿podrían decirme porqué?

gracias

dudi

22/1/2014
no sirve en google sites
Trato de usarlo en mi google site pero no funciona

David

18/2/2014
Redireccion
Buenas tardes, me gustaria saber si es posible redirigir a otra pagina web pero unicamente si pertenece a una direccion IP

He encontrado algun codigo pero redirige a cualquiera que se conecte, seria para un blog de blogger.

Saludos.

Leonel Omar

13/4/2014
Gracias por el aporte gente del 2006
Este post es del 20/09/2006, en ese año curzaba mi ultimo año escolar (secundaria)...
Estoy en el 2014, leyendo algo de hace 8 años... Que cosa maravillosa la internet encontrar estos post viejos que siguen
sirviendole a la gente...
Gracias desarrollador, donde estes, feliz años nuevos...
Bueno, a usar el código... funciona de 10.
Yo le saqué los 5 seg y lo dejo redireccionado rápidamente de la siguiente manera:
<html>
<head>
<META HTTP-EQUIV="REFRESH" CONTENT="0;URL=http://www.xxx.com.ar/mobile/mobile.html">
</head>
</html>

Suertes. Atte.- Leonel Omar (_Leokpo_)

Compartir