Se você está aprendendo o que é HTML, saiba que o redirecionamento HTML é a página da internet redirecionando o visitante para outro site, a diferença é que ao invés de usar um script ou HTML, o redirecionamento pode ser feito com o próprio nome de domínio.
O que é o redirecionamento HTML:
Se você possui mais de um domínio ou diversas páginas na internet, é possível que você precise utilizar um redirecionamento HTML. Trata-se de uma forma de redirecionamento de uma página para outra através da própria HTML, você pode fazer isso através da metadados ou JavaScript. Veja abaixo:
Redirecionamento HTML por meio do Metadados:
Para que você possa criar um sistema de redirecionamento basta incluir a tag <meta> ao <head> da página como atributo http-equiv=”refresh”. E depois você pode atribuir content para indicar em quanto tempo o redirecionamento vai acontecer e qual vai será a URL de destino.
Veja abaixo como ficará as combinações:
- <Meta http-equiv=”refresh” content= “tempo em segundos; URL=’URL da página de destino ‘ ”/>
Observe um exemplo do código aplicado:
<! DOCTYPE html>
<html>
<head>
<meta charset=”utf -8”/>
<title>Meu Redict</title>
<meta http-equiv= “refresh” content=”5; URL=’ url da página de destino/ ‘ “/>
</head>
<body>
...
</body>
</html>
Voce pode definir o tempo de acordo com o que você achar melhor, pode ser feito após 10 segundos depois que o site for aberto ou caso queira que seja imediato basta definir o tempo como zero.
- <Meta http-equiv=”refresh” content= “0; URL=’URL da página de destino ‘ ”/>
Dessa forma quando o visitante abrir o site, ele será redirecionado automaticamente a URL que você definiu como destino. Esse redirecionamento também é conhecido como “Código 301” sendo interpretado como “movido permanentemente”.
Isso significa que esse código informa ao visitante e também ao mecanismo de pesquisa, que sua página da internet foi movida para um novo local com um conteúdo equivalente. Esse redirecionamento é indicado para melhorar o SEO do site.
<”DOCTYPE html>
<html>
<head>
<meta charset=utf -8/>
<title>Meu Redirect</title>
<meta http-equiv=”refresh” content=”0; URL= “url da página de destino/ ‘ “/>
</head>
<body>
<p>
O conteúdo da página foi movido permanentemente para o link:
<a href=”url da página que foi movida/</a>
</p>
</body>
</html>
Redirecionamento JavaScript:
Além do metadados você também pode utilizar o JavaScript para realizar o redirecionamento do usuário. Para isso basta incluir um script no documento HTML. Veja abaixo:
- Window.location. href= ’ url ’;
Essa função redireciona para a URL digitada. Veja abaixo a função digitada:
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8”/>
<title>Meu redirect</Title>
</head>
<body>
<p>
O conteúdo foi movido permanentemente para o seguinte link:
<a href =”link da pagina movida /</a>
</p>
<scrpit>
</body>
</html>
Voce também pode utilizar a função window.location do JavaSript e terá o mesmo resultado praticamente. Veja o exemplo aplicado:
Window.location=’url’;
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf -8”/>
<title>HTML Redirect</title>
</head>
<body>
<p>
O conteúdo desta pagina foi movido permanentemente para o seguinte link:
<a href= “link URL da pagina destino/</a>
</p>
<script>
Window.location = “URL destino/”
</script>
</body>
</html>
Conclusão
Aprender HTML pode te ajudar a resolver muitos problemas comuns ao lidar com hospedagem de sites. Para aprender ainda mais sobre HTML e desenvolvimento web em geral, acompanhe diariamente o blog da ISBrasil!
Gostou de nosso post? Compartilhe:
