Redirection en HTML
Dans cet article, nous allons apprendre à effectuer une redirection automatique en HTML.
Utilisez http-equiv pour rediriger automatiquement une page vers une autre en HTML
En HTML, nous utilisons la balise meta pour spécifier plusieurs métadonnées sur le document HTML et fournir de nombreux attributs pour définir ces différentes informations dans le document HTML. L’attribut nommé http-equiv rafraîchit automatiquement la page HTML.
L’attribut http-equiv spécifie l’en-tête HTTP pour la valeur de l’attribut content. Pour rafraîchir la page, on peut utiliser l’attribut content et l’attribut http-equiv dans la balise meta.
Par exemple, créez un fichier HTML nommé test.html. Ensuite, écrivez la balise meta à l’intérieur de la balise head en HTML avec l’attribut meta-equiv.
Définissez l’attribut sur refresh, puis écrivez l’attribut content et donnez la valeur 1. Sans fermer les guillemets dans l’attribut content, écrivez l’option url et définissez sa valeur sur ./index.html.
Enfin, créez un fichier index.html dans le répertoire racine du projet et écrivez du texte dans la section body.
Exemple de code :
test.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>
Lorsque nous ouvrons le fichier test.html, la page est redirigée vers index.html.
Exemple de sortie :
Nous pouvons également rediriger la page HTML vers un site Web externe. Nous devons écrire l’URL du site Web externe dans l’option url de l’attribut content.
Un exemple est illustré ci-dessous.
<meta http-equiv="refresh" content="1; url=https://www.upwork.com/" />
Lorsque nous ouvrons le fichier HTML ci-dessus, la page est redirigée vers Upwork.
Exemple de sortie :
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