Sobes.tech
Junior

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

sobes.tech IA

Resposta da IA

A âncora é um meio de navegação dentro de uma página web. Permite criar um link que não leva a outra página, mas a uma seção específica da página atual.

Implementa-se usando:

  1. Atributo id: Atribuído ao elemento que será o destino — o local para onde a âncora levará. O id deve ser único na página.

    <h2 id="section-title">Título da seção</h2>
    
  2. Links com o símbolo # e valor id: No atributo href, indica-se # seguido do valor do id do elemento alvo.

    <a href="#section-title">Ir para a seção</a>
    

Ao clicar neste link, o navegador rolará até ao elemento com o id correspondente.

As âncoras são usadas para:

  • Criar um índice em páginas longas.
  • Navegar rapidamente para seções específicas (por exemplo, formulários, contactos, notas).
  • Manter a posição do utilizador ao atualizar ou regressar à página.

Na URL, a âncora é adicionada após o símbolo #: https://example.com/page#section-title.