Sobes.tech
Junior

Comment le navigateur comprend-il qu'il doit aller sur une autre page?

sobes.tech IA

Réponse de l'IA

Le navigateur comprend qu'il doit aller sur une autre page principalement de ces manières :

  • Clique sur un lien hypertexte (<a>): L'utilisateur clique sur un élément <a> avec l'attribut href, indiquant l'URL de la page cible.
    <!-- Lien hypertexte vers une autre page -->
    <a href="autre_page.html">Aller</a>
    
  • Soumission d'un formulaire (<form>): L'utilisateur soumet un formulaire en utilisant un bouton de type submit. Les attributs action et method du <form> déterminent l'URL et la méthode HTTP pour envoyer les données et effectuer la transition.
    <!-- Soumission d'un formulaire pour aller sur une autre page -->
    <form action="traitement_formulaire.php" method="post">
        <input type="text" name="données">
        <button type="submit">Envoyer</button>
    </form>
    
  • JavaScript: Avec JavaScript, on peut changer programmatiquement la propriété window.location.href ou utiliser les méthodes window.location.assign(), window.location.replace().
    // Redirection avec JavaScript
    window.location.href = "nouvelle_url.html";
    
    // Autre méthode de redirection
    window.location.assign("autre_url.html");
    
    // Remplacer la page courante dans l'historique du navigateur
    window.location.replace("dernière_url.html");
    
  • En-tête HTTP Location: Le serveur peut envoyer une réponse HTTP avec un code de statut de redirection (par exemple, 301, 302, 303, 307, 308) et un en-tête Location indiquant l'URL de redirection. Le navigateur traite automatiquement ces réponses.
  • Meta-tag refresh: Dans la section <head> du document HTML, on peut utiliser la meta-tag http-equiv="refresh" pour actualiser automatiquement la page ou effectuer une redirection après un délai spécifié.
    <!-- Redirection automatique après 5 secondes -->
    <meta http-equiv="refresh" content="5;url=destinataire_url.html">
    

Le navigateur reçoit la réponse HTTP du serveur, analyse ses en-têtes et son corps, et en fonction des informations (par exemple, code de statut 200 OK pour charger une nouvelle page, code de redirection avec l'en-tête Location), il effectue les actions appropriées.