 |
|
|
|
|
|
Portada | Monotemáticos | Secciones | Desarrolladores | Comunidad | Servicios | Servicios profesionales | RSS | |
||
|
||||
|
|
|||
 |
|
 |
||
|
||||
Recargar o redirigir a otra página con HTML
Código HTML en etiquetas META para refrescar una página o hacer una redirección a otra página automáticamente.
20/9/06 - 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.
+ 1 categoria relacionada
+ 1 comentario no revisado
| Autoría, licencia y acciones sobre este artículo | ||||||
|
Informe de Miguel Angel Alvarez*
Director de DesarrolloWeb.com Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright. * Para consultas técnicas utilizar la lista de correo.
|
| Comentarios sin revisar |
| Entre los comentarios no revisados puede haber algunos interesantes que se hayan enviado recientemente. |
 | Ver los comentarios no revisados |
 | Añadir un comentario del artículo |
| Enlaces: |
| Maestrosdelweb |
Ir arriba
Lectura recomendada  Compra este libro en Agapea, la librería urgente a domicilio. |
||||||||
Tienda DesarrolloWeb
