Ilustração minimalista de um homem carregando um ícone de redirecionamento
Freepik/storyset

O redirecionamento é uma técnica utilizada na programação de sites para enviar um visitante de uma página para outra automaticamente. Isso é útil quando há uma atualização em uma página ou quando uma página é renomeada. O redirecionamento também é útil em casos em que um visitante é encaminhado para uma página de destino após o preenchimento de um formulário. Este artigo aborda como criar um redirecionamento com delay no HTML.

O que é um redirecionamento com delay?

Um redirecionamento com delay é um redirecionamento que não ocorre imediatamente após um visitante acessar uma página da web, mas com uma pausa em seu funcionamento. O objetivo do atraso é dar tempo suficiente para que o visitante possa visualizar a página original antes de ser redirecionado para outra página.

Por que utilizar o redirecionamento com delay?

Atrasar o redirecionamento pode ser útil em vários cenários, como:

  • Para oferecer tempo suficiente para o visitante ver o conteúdo original da página antes de ser redirecionado.
  • Para melhorar a experiência do usuário, dando tempo suficiente para que ele possa interagir com a página.
  • Para evitar que o visitante seja redirecionado imediatamente para outra página antes de ter a chance de ler a mensagem da página atual.
  • Para deixar o visitante ciente do redirecionamento (mostrando um aviso), evitando confusão ou irritação do mesmo.

Como criar um redirecionamento com delay

Para criar um redirecionamento com delay em HTML, você precisa utilizar a tag <meta> com o atributo http-equiv e o atributo content. O atributo http-equiv indica que o conteúdo da tag <meta> deve ser tratado como um cabeçalho HTTP, enquanto o atributo content define o tempo em segundos que o redirecionamento com delay deve ocorrer.

Veja o exemplo abaixo:

<!DOCTYPE html>
<html>
  <head>
    <title>Redirecionamento</title>
    <meta http-equiv="refresh" content="5;URL=https://www.exemplo.com">
  </head>
  <body>
    <p>Aguarde. Você será redirecionado em alguns segundos...</p>
  </body>
</html>

No exemplo acima, o redirecionamento será feito para a URL https://www.exemplo.com após 5 segundos. O visitante será informado do redirecionamento com a mensagem “Aguarde. Você será redirecionado em alguns segundos…”.