Criar Web, manuais e recursos para desenvolvimento web
Manuais
Programas
FAQS
Diretório
Comunidade
  Inicio > Manuais > Workshop de HTML
SEÇÕES
Manuais relacionados
+Workshop de HTML
Categorias
+HTML

Índice do Manual Workshop de HTML
+ Contato com navegante
+ Avaliar uma web
+ Fundos de imagem em HTML
+ Como proteger o código fonte de uma web
+ Desabilitar a barra de imagens do Internet Explorer
+ Tabela com esquinas arredondadas
+ Tabela com as esquinas arredondadas, tipo 2
+ Frames sem bordas
+ Caixa elegante e simples com HTML
+ Tabela melhorada com imagens para barra de navegação
+ Barra de navegação HTML simples
+ Barra de navegação HTML
+ Escrever por cima das imagens
+ Tabela com desenho em sua base
+ Tabela com desenho em sua base II
+ Listas HTML feitas com tabelas
+ Gestão de mapas
+ Teclas rápidas para os links
+ Construir uma página web com tabelas
+ Recarregar ou endereçar a outra página com HTML
+ Transparência em formatos gráficos para web GIF e PNG
+ Colocar vídeo em uma página web através de YouTube
+ Como fazer uma transparência com GIF sem halos
+ Contador de visitas com a procedência dos usuários

Descrição dos capítulos


Parceiros
- CSS para Web Design
- S.O.S Designers
- Slackware-Brasil
- Crie seu Web site
- Oficina da Net
- CodigoFonte.net

Recarregar ou endereçar a outra página com HTML

Código HTML em etiquetas META para atualizar uma página ou fazer um re-encaminhamento a outra página automaticamente.


Nas etiquetas META, como provavelmente saberemos, se indicam informações sobre as palavras-chave e descrições dos documentos, autoria e propriedade, métodos de contato, etc. Porém, também podemos indicar outras ações ao navegador que podem ser úteis para os desenvolvedores, como indicar uma atualização ou um re-endereçamento. Neste artigo, veremos como fazê-lo.

A etiqueta META que se faz para indicar ao navegador uma atualização ou um re-endereçamento tem a seguinte forma:

<META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://www.criarweb.com">

Como vemos, o atributo HTTP-EQUIV se indica uma informação ao navegador como se fosse enviado no cabeçalho do http, ou seja, a instrução enviada em uma etiqueta META que utiliza HTTP-EQUIV é equivalente se esta tiver enviado no cabeçalho do http. Neste caso, que temos igualado a REFRESH, é para indicar se queremos fazer uma atualização da página.

No atributo CONTENT indicamos as características da atualização. O valor associado contém duas partes, primeira o tempo em segundos de espera para fazer atualização ou o re-endereçamento e a URL a que enviar o navegador.

Página para fazer um re-endereçamento com HTML

O código HTML da página completo para fazer um re-endereçamento seria o seguinte:

<html>
<head>
<title>Re-endereçar o navegador a outra URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="5;URL=http://www.criarweb.com">
</head>
<body>
Esta página muda em 5 segundos pelo portal de CriarWeb.com
</body>
</html>

Pode-se ver em funcionamento em uma página a parte.

Página que se atualiza ela sozinha ao passar uns segundos

Agora veremos também um exemplo de página que se atualiza ou se recarrega a cada segundo que passa. Nesta página, para comprovar que se atualiza e se recarrega seu conteúdo, utilizamos um pouco de javascript para mostrar a hora, minutos e segundos atuais, assim em cada recarregamento poderemos ver que os segundos vão se incrementando.

<html>
<head>
<title>Atualizar a URL</title>
<META HTTP-EQUIV="REFRESH" CONTENT="1;URL=refrescar.html"> </head>
<body>
Hora:
<script>
minhaData = new Date()
document.write(minhaData.getHours() + ":" + minhaData.getMinutes() + ":" + minhaData.getSeconds())
</script>
</body>
</html>

Neste caso, na META para definir a atualização especificamos que se realize cada segundo e que chame à URL refrescar.html. Obviamente, o arquivo HTML tem o nome refrescar.html, de modo que o recarregamento chamará à mesma página todo o tempo.

Pode-se ver em funcionamento em uma página a parte.

Autoria e outras referências sobre este artigo

Manuais relacionados com este artigo
Dentro de Workshop de HTML
Seguinte: Transparência em formatos gráficos para web GIF e PNG
Anterior: Construir uma página web com tabelas
< Índice de Workshop de HTML

Categorias relacionadas
Através das categorias do nosso diretório podem ser encontrados outros tipos de recursos relacionados com este artigo:
+ Entrar em HTML


Comentário sem rever
Entre os comentários não revistos podem ter alguns interessantes que tenham sido enviado recentemente.
 Foi encontrado um comentário sem rever

VerVer os comentários não revistos

Sobre nós | Copyright | Anuncie | Entrar em contato <criarweb>

Hospedado por Hostnet Hospedagem de Sites