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 atributohref, 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 atributosactionemethoddo<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.hrefou usar os métodoswindow.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çalhoLocationindicando 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-taghttp-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.