Redirigir en HTML

Subodh Poudel 15 febrero 2024
Redirigir en HTML

En este artículo, aprenderemos cómo realizar una redirección automática en HTML.

Use http-equiv para redirigir automáticamente una página a otra en HTML

En HTML, usamos la etiqueta meta para especificar varios metadatos sobre el documento HTML y proporcionar muchos atributos para configurar esta información diferente en el documento HTML. El atributo llamado http-equiv refresca automáticamente la página HTML.

El atributo http-equiv especifica el encabezado HTTP para el valor del atributo content. Para actualizar la página, podemos usar el atributo content y el atributo http-equiv en la etiqueta meta.

Por ejemplo, cree un archivo HTML llamado test.html. Luego, escribe la etiqueta meta dentro de la etiqueta head en HTML con el atributo meta-equiv.

Establece el atributo como refresh, luego escriba el atributo content y dé el valor 1. Sin cerrar las comillas en el atributo content, escribe la opción url y establece su valor en ./index.html.

Por último, crea un archivo index.html en el directorio raíz del proyecto y escribe un texto en la sección body.

Código de ejemplo:

prueba.html:

<head>
 <meta http-equiv="refresh" content="1; url=./index.html" />
</head>
<body>
 <p> This is test.html</p>
</body>

index.html:

<body>
 this is index.html
</body>

Cuando abrimos el archivo, test.html, la página se redirige a index.html.

Salida de muestra:

la página redirige a index.html

También podemos redirigir la página HTML a un sitio web externo. Necesitamos escribir la URL del sitio web externo en la opción url en el atributo content.

A continuación se muestra un ejemplo.

<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />

Cuando abrimos el archivo HTML anterior, la página se redirige a Upwork.

Salida de muestra:

la página redirige a upwork.com

Subodh Poudel avatar Subodh Poudel avatar

Subodh is a proactive software engineer, specialized in fintech industry and a writer who loves to express his software development learnings and set of skills through blogs and articles.

LinkedIn