Como criar âncoras de texto

Algumas vezes podemos publicar artigos longos e conteúdo integrado em nossos blogs, fazendo referência interna ao mesmo post. E para facilitar a leitura do visitante, é possível criar links que apontam para dentro do mesmo artigo, como âncoras de texto, que oferecem a possibilidade de navegar na mesma página

Da mesma forma que criamos links internos e externos para páginas de nosso blog ou de outros sites/blogs, links que apontam para outros conteúdos, também é possível criar links que apontam para dentro do mesmo artigo/post.

Só que há uma diferença bem simples. É preciso criar o link e o destino, que chamamos de âncora. Exatamente como você viu no exemplo aqui mesmo. Isso tudo é feito da seguinte forma:

Passo 1.

Depois de escrever todo o seu artigo e finalizar sua edição, abra o código-fonte (HTML) no editor de texto (editor de postagens) onde você está escrevendo seu artigo.

No Blogger ou no WordPress, isso é uma aba no canto superior direito do editor de textos.

Vá ao ponto onde será feito o link inicial e escreva o seguinte código em torno das palavras que serão o link:

<a href="#NOME-Ancora">Palavras da âncora</a>

Veja que há o símbolo “#” junto de uma palavra que será a referência, algo que dê nome à âncora que está sendo criada e esse mesmo nome será usado no próximo passo.

Passo 2.

Agora é preciso criar dentro do texto o lugar de destino da âncora. Ali você também colocará um código, dizendo que é o lugar do nome escolhido e para onde o link será direcionado.

<a name="NOME-Ancora">Palavra para onde vai a
âncora</a>

Note que onde está agora “name”, você repete o nome dado à âncora no primeiro passo, mas dessa vez sem o “#”. Desse modo o link saberá para onde está apontando e para onde vai.

Faça alguns testes e use quantas âncoras forem preciso para seu blog e seus artigos ficarem fáceis de ler e interagir.