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.

Dan (Daniel Atilio)
Cristão de ramificação protestante. Especialista em Engenharia de Software pela FIB, graduado em Banco de Dados pela FATEC Bauru e técnico em informática pelo CTI da Unesp. Entusiasta de soluções Open Source e blogueiro nas horas vagas. Autor e mantenedor do portal Terminal de Informação.

3 Responses

  1. Paulo Dias disse:

    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.

Deixe uma resposta

Terminal de Informação