Adicionar a Meu favorito

Wednesday, 07 de January de 2004

Olá.

Hoje irei ensinar como criar âncoras internas em suas páginas.

O que são âncoras internas?
- É a marcação de um recurso dentro do documento que será o destino de um link definido anteriormente dentro do documento. Em outras palavras, é um link que irá pular para alguma parte da mesma página onde se localiza o link.

Vamos explicar melhor e com exemplos:

Imagine a situação:

Tenho vários links no topo da página (uma espécie de Índice), e na mesma página todo o conteudo. Utilizo âncoras para irem a estes conteúdos mais rapidamente, sem a necessidade de ler toda a página e localizar o assunto que desejo.

As âncoras são mais usadas para subir a página, ou seja, caso esteja lendo uma notícia, e deseja ir ao topo da página rapidamente, sem necessitar rolar toda a página, e clicando em apenas um link.

E qual é o código para as âncoras?

O código é simples:

- Para a localização (destino da âncora) utilizamos a mesma TAG de link, sendo com uma subtag diferente:
- E para o link utilizamos: meu link

* o uso do sinal de # é obrigatório.

Veja agora, um exemplo que fizemos nesta página sobre âncoras:

Clique aqui para ir ao topo desta página


Até mais galera.

Outros artigos

Assine o Feed desta categoria

• Cursores do mouse personalizados em suas páginas - 15/12/2003
• Seu ícone nos favoritos em poucos passos - 13/11/2003
• Controles de play e pause nas músicas - 07/11/2003
• Imprimindo páginas com JavaScript - 05/11/2003
• Ver mais...

Comentários do artigo [Novo comentário]