Nel markup HTML, possiamo sfruttare il meccanismo dei link anche per creare un indice interno al documento, utilizzando le àncore. Ciascuna ancora può avere infatti un nome:
<a name="primo">Stiamo per esaminare la struttura… Eccetera…</a>
HTML anchor senza href
In assenza dell'attributo href, che indica il collegamento ipertestuale le àncore non sono viste come link, ma la loro formattazione è indistinguibile dal "normale" testo.
In un ipotetico indice è allora possibile far riferimento all'ancora presente all'interno del documento attraverso un link che punti ad essa:
<a href="#primo">vai al primo paragrafo</a>
il cancelletto indica che il collegamento deve cercare un àncora chiamata "primo" all'interno della pagina stessa.
Anchor link a inizio pagina
Se non si specifica il nome dell'ancora a cui si vuol puntare, viene comunque creato un link che punta ad inizio pagina (viene cercata un'ancora il cui nome non è specificato). Questo infatti è un ottimo escamotage per creare link "vuoti" (in alcuni casi possono tornare utili). Ad esempio:
<a href="#">link vuoto</a>
Per creare un indice interno alla pagina si procede dunque in due fasi distinte:
- creazione dell'ancora a cui puntare (
<a name="mioNome">
) - creazione del collegamento all'ancora appena creata e riferimento
- attraverso il cancelletto (
<a href="#mioNome">
)
È bene non confondere le due fasi.
Ecco un esempio di quanto appena esposto: