Sobes.tech
Junior

Como é que o navegador percebe que precisa de ir para outra página?

sobes.tech IA

Resposta da IA

O navegador entende que precisa de ir para outra página principalmente das seguintes formas:

  • Clique no hiperligação (<a>): O utilizador clica num elemento <a> com o atributo href, que indica a URL da página de destino.
    <!-- Hiperligação para outra página -->
    <a href="outra_pagina.html">Ir</a>
    
  • Envio de formulário (<form>): O utilizador envia um formulário usando um botão do tipo submit. Os atributos action e method do <form> determinam a URL e o método HTTP para enviar os dados e fazer a transição.
    <!-- Envio de formulário para outra página -->
    <form action="processador_formulario.php" method="post">
        <input type="text" name="dados">
        <button type="submit">Enviar</button>
    </form>
    
  • JavaScript: Com JavaScript, pode-se alterar programaticamente a propriedade window.location.href ou usar os métodos window.location.assign(), window.location.replace().
    // Redirecionamento com JavaScript
    window.location.href = "nova_url.html";
    
    // Outro método de redirecionamento
    window.location.assign("outra_url.html");
    
    // Substituir a página atual na história do navegador
    window.location.replace("ultima_url.html");
    
  • Cabeçalho HTTP Location: O servidor pode enviar uma resposta HTTP com um código de estado de redirecionamento (por exemplo, 301, 302, 303, 307, 308) e um cabeçalho Location indicando a URL para a qual deve ir. O navegador processa automaticamente essas respostas.
  • Meta-tag refresh: Na secção <head> do documento HTML, pode-se usar a meta-tag http-equiv="refresh" para atualizar automaticamente a página ou fazer uma redireção após um número de segundos especificado.
    <!-- Redirecionamento automático após 5 segundos -->
    <meta http-equiv="refresh" content="5;url=destino_url.html">
    

O navegador recebe uma resposta HTTP do servidor, analisa os seus cabeçalhos e corpo, e com base na informação recebida (por exemplo, código de estado 200 OK para carregar uma nova página, código de redirecionamento com o cabeçalho Location) realiza as ações correspondentes.