Redirection et rafraîchissement et diaporama HTML - Avec la balise méta REFRESH

Trucsweb.com

· Niveau : DÉBUTANT
· Compatibilité : Tous les navigateurs

La balise « REFRESH » est considérée comme une balise META (META TAG) mais elle est très particulière car elle permet de changer de page. Il y a deux façons de se servir de cette balise, soit en rafraîchissant la page soit en faisant une redirection. Comme toutes les balises META, la balise « REFRESH » doit être placée entre les balises de l’en-tête <HEAD> et </HEAD>. Il est préférable que la balise soit la première de votre document HTML, juste au dessous de la balise <HEAD>

Exemple de rafraîchissement.
Rafraîchir une page peut, par exemple, être utilisé pour changer de bannière ou tout autre élément dynamique de la page. L’exemple suivant va rafraîchir votre page d’accueil à chaque 5 secondes.

Dans votre document « index.htm »

<head>
  <meta http-equiv="refresh" content="5; url=index.htm">
  ...
</head>

La balise HTTP-EQUIV « REFRESH » à comme argument « CONTENT » qui contient le délais en seconde avant d’effectuer l’action et le URL qui contient la page à afficher après le délais. C’est donc dire que la page « index.htm » sera chargé après 5 secondes.

Exemple de redirection

La redirection est en général utilisée lorsqu’une page a déménagé en redirigeant le visiteur vers la nouvelle page. Vous pouvez aussi produire un effet très intéressant sans vous donner le mal de programmer un code complexe. Une série de pages peut être liée entre elles avec la balise « REFRESH » donnant ainsi l’impression que c’est le contenu de la page qui change. En affichant une image différente sur chaque page vous aurez un véritable diaporama. L’exemple suivant fait une redirection vers une seconde page et ainsi de suite jusqu’à la page 5 qui elle redirigera le visiteur vers la page 1. L’effet produira une boucle infinie entre ces pages. Le délais a été fixé à 60 secondes.

// Dans votre document « page1.htm »
<meta http-equiv="refresh" content="60; url=page2.htm" />

// Dans votre document « page2.htm »
<meta http-equiv="refresh" content="60; url=page3.htm" />

// Dans votre document « page3.htm »
<meta http-equiv="refresh" content="60; url=page4.htm" />

// Dans votre document « page4.htm »
<meta http-equiv="refresh" content="60; url=page5.htm" />

// Dans votre document « page5.htm »
<meta http-equiv="refresh" content="60; url=page1.htm" />

Exemple d’un diaporama avec la balise « REFRESH »

Connexion

Mot de passe perdu

Conditions générales

Responsabilité

La responsabilité des Trucsweb.com ne pourra être engagée en cas de faits indépendants de sa volonté. Les informations mises à disposition sur ce site le sont uniquement à titre purement informatif et ne sauraient constituer en aucun cas un conseil ou une recommandation de quelque nature que ce soit.

Aucun contrôle n'est exercé sur les références et ressources externes, l'utilisateur reconnaît que les Trucsweb.com n'assume aucune responsabilité relative à la mise à disposition de ces ressources, et ne peut être tenue responsable quant à leur contenu.

Droit applicable et juridiction compétente

Les règles en matière de droit, applicables aux contenus et aux transmissions de données sur et autour du site, sont déterminées par la loi canadienne. En cas de litige, n'ayant pu faire l'objet d'un accord à l'amiable, seuls les tribunaux canadien sont compétents.

Trucsweb.com

HTML