Âncora é um link que liga áreas de uma mesma página entre si. Não entendeu? Já viu aqueles links escritos “Subir” ou “Top” que quando clicamos, nos leva para o topo da página sem carregá-la novamente? Isso é uma âncora.

Como eu utilizo uma âncora?

É muito simples, utilizamos o código para criar link, sem o link. Confuso? Veja o exemplo abaixo:

O código acima é uma âncora. Agora, como chamamos essa âncora? Veja o código abaixo e observe o que tem de semelhante com o código acima:


Notou? Não? Veja que no primeiro código temos o id e o name como “nomedaancora” e no segundo código temos um link como “#nomedaancora”, ou seja, o link vai procurar no código do seu blog onde a âncora com esse nome esta, consequentemente vai enviar você até lá, sem recarregar a página.

Quer ver um exemplo prático? Acesse esta página. Ela vai abrir em outra janela.

A tag “name” e a tag “id” devem, sempre, ter o mesmo nome. Tente usar o exemplo de âncora que eu dei, não coloque nada antes da tag </a>. E o link, quando for chamar uma âncora deve, sempre, seguir o exemplo acima, #nomedaancora. Entendeu?

Dúvidas? Envie-me um e-mail ou apenas comente, terei o prazer em lhe ajudar.
Assine nosso feed e me siga no twitter.

Gostou do post? Poderá gostar de...

• O que são e como criar links?
• Problema com as aspas no WordPress.
• Background – Aprenda a colocar um!
• Mudança de servidor
• Coloque links em seus comentários!