Categoria Dicas HTML - Criando âncoras em suas páginas

Posted by webmaster | HTML |

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: <a name=”NOME”></a>
- E para o link utilizamos: <a href=”#NOME”>meu link</a>

* o uso do sinal de # é obrigatório.
FONTE: CÓDIGO FONTE

Tags:

Nenhum Comentário

Nenhum comentário ainda.

Feed RSS dos comentários deste post TrackBack URI

O formulário de comentários está fechado no momento.