Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial
  • Lezione 17 di 58
  • livello principiante
Indice lezioni

I link interni o ancore in HTML

Creare collegamenti per un indice interno al documento: istruzioni ed esempi pratici per l'implementazione
Creare collegamenti per un indice interno al documento: istruzioni ed esempi pratici per l'implementazione
Link copiato negli appunti

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.

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:

Ti consigliamo anche