Como fazer redirecionamento html?
redirect html
Para fazer o redirecionamento com HTML direto basta usar uma meta tag.
Sintaxe
meta http-equiv="refresh" content="tempo em segundos; URL='url da página destino'"
Exemplo específico
Você pode copiar o código abaixo e usar na sua página html.
<meta http-equiv="Refresh" content="0; url=https://diretoaoponto-tech.com.br/a/Linguagem/HTML/redirect%20html" />
Onde usar na página
Essa meta tag é usada dentro da head ou seja no cabeçalho do arquivo em HTML.Descrição da meta tag
O atributo http-equiv recebe a informação refresh para fazer o redirecionamento.
O parâmetro content define o tempo em que o redirecionamento será executado após acessar a página, em segundos. Por exemplo para direcionar a página após 6 segundos se usa o valor 6, para redirecionar imediatamente se usa o 0(zero).
Também é necessário informar a URL de destino junto no content.
Por que fazer um redirecionamento com HTML?
O redirecionamento HTML é necessário quando você precisar realizar a tranferência de um usuário de uma página para outra.
Quando usar o redirecionamento HTML?
Veja abaixo algumas situações que pode ser usado o redirecionamento HTML.
- Levar o usuário para uma página de agradecimento;
- Mudar página após autentificação;
- Mudar página com conteúdo novo ou mais completo;
- Mudar página inicial após login;
- Redirecionar conteúdo antigo para o novo;
- Redirecionar páginas em manutenção;
- Redirecionar páginas em desenvolvimento;
- Redirecionar domínios antigos para novos;
Alternativas ao redirect com HTML
As vezes alguns navegadores não executam a tag meta refresh corretamente, nesse caso é interessante deixar um link na página para que o usuário possa clicar e ir para a nova página.
Outra alternativa utilizando apenas o front-end ou seja o lado do cliente, é fazer o redirecionamento com javascript como pode ser visto no link abaixo.
Como fazer redirecionamento com javascript?
Exemplo mais completo
< !DOCTYPE html >
< html >
< head >
< meta charset="utf-8"/ >
<meta http-equiv="Refresh" content="0; url=https://diretoaoponto-tech.com.br/a/Linguagem/HTML/redirect%20html" />
< title > Redirecionamento HTML - Direto ao Ponto. < /title >
< /head >
< body >
< p >
O conteúdo desta página será redirecionado para outra em 8 segundos.<br>
< a href="https://diretoaoponto-tech.com.br/a/Linguagem/HTML/redirect%20html/" >https://diretoaoponto-tech.com.br/a/Linguagem/HTML/redirect%20html/< /a >
< /p >
< /body >
< /html >
Saiba mais:
O que é redirecionamento web?
Qual o melhor redirecionamento para usar?
Como fazer redirecionamento com PHP?
Como fazer redirecionamento no htaccess?
Qual o impacto do redirecionamento no SEO do site?
Como redirecionar o conteúdo de um site sem mudar a url?
Leia mais em: ww.w3resource.com/php-exercis...
