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:
18 / 58

Gli attributi dei link

I Video di HTML.it

Resynthesizer: ritaglio “magico” con GIMP