Como fazer redirecionamento de um site via HTML

Olá pessoal…

Hoje vou mostrar como fazer um redirecionamento de site via HTML, de duas formas, a primeira sem esperar nada, e a segunda esperando 3 segundos.


Para fazer o redirecionamento de um site, utilizamos o location.href dentro de um script (javascript), e podemos utilizar até um timeout para esperar algum tempo. Abaixo segue dois exemplos abrindo o Terminal de Informação.

Sem esperar nada:

<script type="text/javascript">
	location.href="https://terminaldeinformacao.com";
</script>

Esperando 3 Segundos:

<script type="text/javascript">
	setTimeout(function(){location.href="https://terminaldeinformacao.com"} , 3000);
</script>

Agora basta inserir em um código .html, abaixo segue o fonte completo:

<html>
	<head>
		<meta charset="UTF-8">
		<script type="text/javascript">
			setTimeout(function(){location.href="https://terminaldeinformacao.com"} , 3000);
		</script>
		<title>Terminal de Informação</title>
	</head>
	<body bgcolor="#f2f2f2">
		<font color="grey"><center>
			Aguarde, redirecionando em 3 segundos...<br>
			<img src="https://terminaldeinformacao.com/wp-content/uploads/2016/01/ti_logo_fim.png" width="284" heigth="284" style="opacity:0.7;filter:alpha(opacity=70);"><br>
			Se o redirecionamento n&amp;atilde;o funcionar automaticamente, acesse <a href='https://terminaldeinformacao.com' style="color: rgb(0,0,255)">https://terminaldeinformacao.com</a>...
		</center></font>
	</body>
</html>

Abaixo um print da página html:

Exemplo de Redirecionamento
Exemplo de Redirecionamento

Bom pessoal, por hoje é só.
Abraços e até a próxima.

About Dan_Atilio

Analista e desenvolvedor de sistemas. Técnico em Informática pelo CTI da Unesp. Graduado em Banco de Dados pela Fatec Bauru. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor do projeto Terminal de Informação, onde são postados tutoriais e notícias envolvendo o mundo da tecnologia.

3 opiniões sobre “Como fazer redirecionamento de um site via HTML

  • outubro 26, 2015 em 10:02 am
    Permalink

    Oi, tudo bem?

    Além dessas técnicas com javascript, é possível realizar um redirecionamento apenas com tags HTML. Exemplo:

    O zero antes da URL é o tempo em segundos.

    Paulo Dias.

    Resposta
    • outubro 26, 2015 em 10:06 am
      Permalink

      Oi, provavelmente algum filtro contra XSS apagou o exemplo. Seria o seguinte:

      <meta http-equiv=”refresh” content=”0;URL=’http://www.prminformatica.com.br/'” />

      Resposta
      • outubro 26, 2015 em 9:43 pm
        Permalink

        Boa noite Paulo.
        Realmente, eu não conhecia esse recurso.
        Muito obrigado pela contribuição.
        Um grande abraço.

        Resposta

Deixe uma resposta