Méta rafraîchissement

head>

< meta http-equiv = "refresh" content = "5" >

Redirection après 5 secondes :

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

Rediriger immédiatement vers :

< meta http-equiv = "refresh" content = "0; url=https://example.com/" >

Inconvénients

Les balises de rafraîchissement Meta présentent certains inconvénients :

Si une page est redirigée trop rapidement (moins de 2 à 3 secondes), l'utilisation du bouton « Retour » sur la page suivante peut entraîner un retour à la page d'origine dans certains navigateurs, provoquant ainsi une nouvelle redirection. Ceci nuit à l'expérience utilisateur, car le lecteur risque de rester bloqué sur le dernier site web consulté.
Un lecteur peut souhaiter ou non être redirigé vers une autre page, ce qui peut entraîner l'insatisfaction de l'utilisateur ou soulever des inquiétudes quant à la sécurité.

Alternatives

La balise meta refresh utilise la http-equivbalise meta pour émuler l' en-tête RefreshHTTP et peut donc être envoyée comme en-tête par un serveur web HTTP. Bien qu'elle Refreshne fasse pas partie de la norme HTTP , elle est prise en charge par tous les navigateurs courants.

Exemple d'en-tête HTTP d'une redirection après 5 secondes :

Actualiser : 5 ; url=https://www.example.com/

Des alternatives existent pour les deux utilisations de la méta-actualisation.

Pour redirection

Une autre solution consiste à envoyer un code d'état de redirection HTTP , tel que HTTP 301 ou 302. C'est la méthode privilégiée pour rediriger un agent utilisateur vers une autre page. Cela peut être réalisé par une règle spécifique sur le serveur web ou par un simple script exécuté sur ce dernier.

JavaScript est une autre alternative, mais elle n'est pas recommandée, car les utilisateurs peuvent avoir désactivé JavaScript dans leur navigateur.

La méthode la plus simple pour effectuer une redirection JavaScript en utilisant la onloadpropriété de la bodybalise :

< body onload = "window.location = 'http://example.com/'" ></ corps >

Pour rafraîchir

Une autre méthode consiste à proposer un dispositif d'interaction, tel qu'un bouton, permettant à l'utilisateur de choisir le moment de l'actualisation du contenu. Une autre option encore est d'utiliser une technique comme Ajax pour mettre à jour (des parties du) site web sans nécessiter un rechargement complet de la page, mais cela requiert également que l'utilisateur active JavaScript dans son navigateur.

Vous pouvez actualiser une page web à l'aide de la méthode JavaScript ` location.reload` . Ce code peut être exécuté automatiquement lors d'un événement ou simplement lorsque l'utilisateur clique sur un lien. Si vous souhaitez actualiser une page web par un clic de souris, vous pouvez utiliser le code suivant :

<a href="javascript:location.reload(true)"> Actualiser cette page </a>