Redirection vers une page Web en HTML

  1. Utilisez Meta Refresh pour rediriger en HTML
  2. Utilisez la balise d’ancrage pour rediriger en HTML
  3. Conclusion

Il existe différentes méthodes HTML pour réacheminer un utilisateur si un serveur tombe en panne ou est en maintenance. Cela dépend des besoins de l’entreprise sur le type de comportement de redirection que le site devrait avoir. La gestion des redirections dans l’interface utilisateur améliore les performances, car le HTML de la page Web sera le premier à être rendu. Commençons par passer en revue les méthodes HTML de redirection vers une autre page Web.

  1. Meta Refresh
  2. Étiquette d’ancrage

Utilisez Meta Refresh pour rediriger en HTML

En HTML, nous avons la balise <meta> qui est comprise par le navigateur. En utilisant cette balise HTML, nous pouvons demander au navigateur de rediriger vers la page mentionnée. Cela nous permet également de programmer un retard si nous le souhaitons.

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

Ici, quelques paramètres sont inclus, le http-equiv et le content.

  • http-equiv: est similaire à un en-tête de requête HTTP, envoyant des informations supplémentaires pour que le navigateur les comprenne. Cet attribut accepte diverses valeurs. Le plus couramment utilisé est le content-type qui indique au navigateur le type de contenu à attendre. refresh est une autre valeur de http-equiv, qui indique au navigateur de naviguer vers le lien spécifié dans l’attribut content.
  • content: inclut un délai programmable (en secondes) pour signaler à l’utilisateur qu’il est redirigé. S’ils souhaitent continuer, ils peuvent ou rester en arrière sans être redirigés. Et l’URL est le lien vers lequel la navigation doit être effectuée.

Remarques

  1. Cette méthode est généralement utilisée sur la page de base pour rediriger les utilisateurs avant même le chargement du site.
  2. En fonction de la durée définie dans la balise meta, une fois qu’une page est chargée, la fonctionnalité d’actualisation de méta redirigera automatiquement l’utilisateur.
  3. La page Web qui contient ce code peut ne pas être accessible par le bouton de retour du navigateur.
  4. Si nous ne spécifions pas d’URL, la page sera rechargée.
  5. N’abusez pas des balises de méta-redirection sur une page. Il est considéré comme ayant un contenu de spam et peut affecter la réputation des listes de moteurs de recherche.

Utilisez la balise d’ancrage pour rediriger en HTML

Vous connaissez peut-être la balise d’ancrage en HTML. Il est largement utilisé dans les pages Web pour accéder à une sous-page ou à un site Web externe. Contrairement à la méthode de rafraîchissement méta, la balise d’ancrage est statique. Ainsi, il faut un événement, un clic, pour l’invoquer. Nous pouvons utiliser la balise d’ancrage pour rediriger l’utilisateur de la manière suivante:

<a href='https://www.delftstack.com/'>Go to Delfstack</a>
<a href='/tutorial'>Tutorials</a>
  • La première méthode utilise l’URL entière (https://www.delftstack.com/) passée en valeur à l’attribut href de la balise <a>; cela est efficace si nous devons quitter l’application et accéder à un site externe. On peut utiliser le bouton de retour du navigateur pour revenir à la page d’origine.
  • La deuxième méthode est utilisée pour accéder à une page du site. Dans ce cas, nous mentionnons le chemin relatif de la page voulue (/tutorial). Le navigateur traduit ce chemin relatif par https://www.delftstack.com/tutorial.

Remarques

  1. Cette méthode est basée sur l’interaction de l’utilisateur, un événement de clic pour la navigation.
  2. On peut utiliser la méthode de redirection de balise Anchor pour le routage dans le site Web ou vers un autre site Web.
  3. Si nous ne transmettons aucune URL à l’attribut href, cliquer sur la balise d’ancrage rechargera la page actuelle.

Conclusion

En fonction des besoins de l’entreprise, il sera bon d’utiliser la méthode de mise à jour méta pour rediriger un utilisateur dès qu’il arrive sur la page Web du site de maintenance. Cela nous donne la liberté d’introduire un délai pour afficher un message à l’utilisateur pour le réacheminement. L’utilisation d’une balise d’ancrage est assez courante si la navigation est conçue en fonction d’un événement tel qu’un clic utilisateur.