Olá! Quarta Feira, 16 de Abril de 2014.



Dicas CódigoFonte.net
Quarta Feira, 07 de Janeiro de 2004

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:
  1. <a name="NOME"></a>

- E para o link utilizamos:
  1. <a href="#NOME">meu link</a>


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

Comentários do artigo [Novo comentário]

Nathan S. N. Machado - 19 de Junho de 2010 - 22:59
Isso não funciona, em que ordem e como eu vou por, meu MSN [email protected]
Frank - 03 de Agosto de 2010 - 15:12
show. Ajudou pra caramba!
Para adicionar um comentário você deve efetuar o login


Gostou do CódigoFonte.net? Quer indicar a um amigo?
Preencha os campos a seguir.
Seu Nome:
Seu E-mail:
E-mail de seu Amigo:


CodigoFonte.net » CodigoFonte.eti.br » Compre De Tudo » Meu Mural » Competiva - Criação de Sites » Todos os Direitos Reservados © 2002/2010