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 |