Criando âncoras em suas páginas

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:

* 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.