Navegação
Link de âncora
Anchor link
Leva a uma parte específica do mesmo documento.
Nesta página↳ Introdução↳ Exemplos↳ Próximos passos
#exemplosExemplo didático · Representação visual do padrão
Quando usar
Criar índices e links diretos para trechos de uma página.
Cuidados e acessibilidade
Considere cabeçalhos fixos com scroll-margin-top e teste o foco no destino.
Partes e comportamento
Link com fragmento e um destino com id correspondente.
Não confunda
Uma âncora leva a um fragmento específico; um link comum pode apontar para outra página.
Exemplo de código
<a href="#exemplos">Ir para os exemplos</a>
<h2 id="exemplos" tabindex="-1">Exemplos</h2>
<style>#exemplos { scroll-margin-top: 5rem; }</style>Trecho didático. Integre e teste no contexto do seu projeto.