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:
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:
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