Olá! Wednesday, 23 de July de 2014.



Dicas CódigoFonte.net
Wednesday, 07 de January 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 June de 2010 - 22:59
Isso não funciona, em que ordem e como eu vou por, meu MSN [email protected]
Frank - 03 de August 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