Cos'è un 'ancora' nello sviluppo web?

Il collegamento ancorato è un segno all'interno di un documento HTML che permette di creare un collegamento diretto a un punto specifico della pagina. La maggior parte delle volte, gli ancoraggi vengono usati per la navigazione all'interno di una stessa pagina web.

L'ancora si implementa tramite l'attributo id in un elemento HTML e un collegamento (<a>) con l'attributo href, che inizia con il simbolo # e il nome dell'ancora (id).

<a href="#section2">Vai alla seconda sezione</a>

<section id="section1">
  <h2>Prima sezione</h2>
  <p>Contenuto della prima sezione.</p>
</section>

<section id="section2">
  <h2>Seconda sezione</h2>
  <p>Contenuto della seconda sezione.</p>
</section>

Cliccando sul collegamento con href="#section2", il browser scorrerà automaticamente alla sezione con id="section2".

Tabella comparativa sull'uso di ancore e collegamenti normali:

Caratteristica	Ancoraggio (href="#id")	Collegamento normale (href="/page")
Dove porta il collegamento	A un punto specifico sulla pagina corrente	A un'altra pagina o risorsa
Simbolo in href	Inizia con #	Di solito inizia con / o con il protocollo (http://)
Funzione	Navigazione all'interno della pagina	Navigazione tra le pagine