Neste artigo, você aprenderá de forma clara e direta como inserir corretamente esses sinais, por que isso é importante e como lidar com outros caracteres especiais em HTML.
Como fazer redirecionamento html?
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?
Seja bem vindo ao blog Espaço HTML
Com dicas que vão direto ao ponto sobre html
Aprenda a criar e adicionar um favicon personalizado em poucos passos. Descubra como esse pequeno ícone pode fazer toda a diferença na identidade da sua marca.
É o adiamento e eventualmente dispensa do carregamento de imagens que o usuário não irá visualizar imediatamente. Serve para melhorar a experiência de usuários com internet ruim e assim otimizar o SEO.
Vamos desvendar juntos como essas linguagens fundamentais se combinam para criar não apenas estética visual, mas também uma presença online otimizada e impactante.
Explore as infinitas possibilidades de design no HTML, desvendando os segredos das cores que cativam visitantes e elevam seu site nos rankings de busca.
Descubra o poder oculto por trás da codificação HTML: desde a elegância dos caracteres especiais até a versatilidade das entidades, elementos, números e símbolos.
Desvende os truques do espaçamento em HTML e CSS com esta lista imperdível de 10 itens. A surpresa do número 6 vai redefinir suas noções de design web!