Sobes.tech
Junior

O que é uma 'âncora' no desenvolvimento web?

sobes.tech IA

Resposta da IA

A âncora é uma marca dentro de um documento HTML que permite criar um link direto para um local específico na página. Na maioria das vezes, as âncoras são usadas para navegação dentro de uma mesma página web.

A âncora é implementada usando o atributo id em um elemento HTML e um link (<a>) com o atributo href, que começa com o símbolo # e o nome da âncora (id).

<a href="#section2">Ir para a segunda seção</a>

<section id="section1">
  <h2>Primeira seção</h2>
  <p>Conteúdo da primeira seção.</p>
</section>

<section id="section2">
  <h2>Segunda seção</h2>
  <p>Conteúdo da segunda seção.</p>
</section>

Ao clicar no link com href="#section2", o navegador rolará automaticamente a página até o elemento com id="section2".

Tabela comparativa do uso de âncoras e links normais:

Característica Âncora (href="#id") Link normal (href="/page")
Para onde leva o link Para um local específico na página atual Para outra página ou recurso
Símbolo em href Começa com # Geralmente começa com / ou com o protocolo (http://)
Função Navegação dentro da página Navegação entre páginas