Cos'è un 'ancora' nel contesto dello sviluppo web?

L'ancora è uno strumento di navigazione all'interno di una pagina web. Permette di creare un collegamento che non porta a un'altra pagina, ma a una sezione specifica della pagina corrente.

Viene implementata utilizzando:

1. Attributo id: Assegnato all'elemento che sarà il destino — il punto a cui l'ancora porterà. L'id deve essere univoco all'interno della pagina.

   <h2 id="section-title">Titolo della sezione</h2>
   

2. Link con il simbolo # e valore id: Nell'attributo href, si indica # seguito dal valore dell'id dell'elemento target.

   <a href="#section-title">Vai alla sezione</a>
   

Cliccando su questo link, il browser scorrerà fino all'elemento con l'id corrispondente.

Gli ancoraggi sono usati per:

• Creare un indice in pagine lunghe.
• Navigare rapidamente a sezioni specifiche (ad esempio, moduli, contatti, note).
• Mantenere la posizione dell'utente durante l'aggiornamento o il ritorno alla pagina.

Nell'URL, l'ancora viene aggiunta dopo il simbolo #: https://example.com/page#section-title.