Comunidad de diseño web y desarrollo en internet online

Métodos para redireccionar URLs (HTML, PHP y Javascript)

Toma la Carrera de Backend de Platzi para aprender más de PHP, Javascript y otras tecnologías del lado del servidor.

En este tutorial mostraré varios métodos de redireccionamiento de direcciones URL. Es decir, que al entrar en una página web automáticamente nos envíe a otra.

Método 1. HTML


El primer método es usar el elemento META. Veamos la sintaxis de uso para nuestro propósito:

Código :

<meta http-equiv="acción" content="segundos"; url="url destino" />


Supongamos que has cambiado de servidor o has movido una página a otro directorio. Mostraremos un mensaje acerca de ello y redireccionaremos a nuestro usuario a la nueva ubicación de la página. En este ejemplo, la acción será "refresh", el tiempo en que tardará en refrescar la página será de cinco (5) segundos:

Código :

<html>
<head>
<meta http-equiv="Refresh" content="5;url=http://www.cristalab.com">
</head>

<body>
<p>Nos hemos mudado! Serás dirigido automáticamente en cinco segundos. En caso contrario, puedes acceder haciendo click <a href="http://www.cristalab.com">aquí</a></p>
</body>
</html>


Método 2. PHP


El siguiente ejemplo, redireccionará al usuario sin aviso previo:

Código :

<?php
header ("Location: http://www.cristalab.com");
?>


Método 3. JavaScript


Podemos lograr con JavaScript, los métodos anteriormente vistos. En el caso de un redireccionamiento en espera, debemos usar un "temporizador". Veamos un ejemplo:

Código :

<html>
<head>
<script type="text/javascript">
function redireccionar(){
  window.locationf="http://www.cristalab.com";
} 
setTimeout ("redireccionar()", 5000); //tiempo expresado en milisegundos
</script>
</head>
<body>
<p> Espere por favor, será redireccionado en 5 segundos.</p>
</body>
</html>


Haciéndolo directamente, sin espera:

Código :

<body>
<script type="text/javascript">
window.location="http://www.cristalab.com";
</script>
</body>

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate