Como fazer Links de Âncora

novembro 5th, 2008

Essa é velha, mas tão velha que eu vou postar só pra garantir que eu não vou esquecer (de novo) como se faz. :P

Links de âncora servem pra auxiliar na navegação de páginas longas, faz com que um link redirecione direto à um ponto específico, posicionando-o no topo da página, pode ser usado dentro da mesma página ou em outra. É muito útil para quem se preocupa com a Usabilidade e Acessibilidade dos sites.

Como fazer?

LINK PARA DENTRO DA MESMA PÁGINA:

No link coloca-se o seguinte:

<a href="#ancora"> ... </a>

P.S: #ancora é o nome da sua âncora, é para onde o link vai levar.

No local pra onde vc quer que o link vá, coloque:

<a name="ancora"> ... </a>

Ainda não entendeu? Veja o exemplo:

<a href="#ancora">LOCAL DO LINK</a> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <p>texto de exemplo</p> <a name="ancora">Você vai parar aqui!</a>

LINK PARA OUTRA PÁGINA:

Também dá pra fazer um link de âncora para uma outra página. Exemplo:

<a href="endereco.php#ancora"> ... </a>

P.S:
- endereco.php é o nome do arquivo;
- #ancora é o nome da sua âncora, é para onde o link vai levar.

Boa sorte!! :)

Gostou desse Post?

Tá calor em Manaus!! Que tal pagar um sorvete pra mim?

2 Comentários em “Como fazer Links de Âncora”

  1. finlandez Says:

    estou precisando de alguem que faca interface movel.

    add no msn ok …ate mais !

  2. Gabriel Costa Says:

    lembro disso quando usava frontpage rsrsrs

    bju lia

Faça um comentário sobre o post

    follow me on Twitter