Fin dall’inizio dell’HyperText Markup Language (HTML) utilizzato online, gli ancoraggi HTML sono rimasti uno degli elementi interattivi principali utilizzati in quasi tutte le pagine web. Gli ancoraggi HTML sono un tipo di tag rappresentato dalla lettera “A” che consente a un utente di fare clic su un elemento e di essere indirizzato a una posizione di risorsa universale (URL) come un’altra pagina Web o a una sezione diversa all’interno dello stesso documento HTML . È più comune fare riferimento agli ancoraggi HTML come collegamenti o collegamenti ipertestuali. Simile a molti altri tag HTML, gli ancoraggi possono essere personalizzati sia con proprietà di formattazione HTML standard che con estensioni CSS (Cascading Style Sheet).
All’interno di una pagina Web, gli ancoraggi HTML vengono utilizzati per spostare un utente da una pagina all’altra o in altre posizioni contrassegnate all’interno della stessa pagina. L’ancora è rappresentata dalla lettera “A” all’inizio del tag. Quando ci si sposta tra le pagine Web, l’indirizzo dell’URL di destinazione viene assegnato alla proprietà di riferimento ipertestuale (href), sebbene anche questo possa essere un’immagine, un programma o quasi qualsiasi tipo di contenuto. Il comportamento predefinito di un’ancora consiste nell’aprire il nuovo URL nella stessa finestra del browser, sostituendo il contenuto corrente, sebbene questo comportamento possa essere modificato per aprire gli URL in nuove finestre o in frame mirati su una pagina.
Il secondo utilizzo per gli ancoraggi HTML è definire o passare a sezioni del documento HTML visualizzato. Assegnando un nome al tag di ancoraggio tramite la proprietà name, viene creata un’ancora nel documento a cui è possibile fare riferimento altrove. Proprio come il passaggio a un’altra pagina Web, il tag di ancoraggio può essere utilizzato per spostarsi su un’ancora sulla stessa pagina una volta definita, consentendo la creazione di un indice o di un indice.
Quando si utilizzano ancoraggi HTML, il tag stesso non ha una rappresentazione visiva, ma deve invece racchiudere gli elementi visivi che verranno utilizzati per rappresentarlo. Il tag di ancoraggio può avvolgere testo, immagini o interi blocchi formattati. Per impostazione predefinita, gli elementi HTML visivi circondati da tag di ancoraggio sono sottolineati e colorati in modo diverso, a seconda che il collegamento sia stato visitato dall’utente. Anche il testo di ancoraggio cambia colore quando il mouse passa sopra di esso, sebbene anche questo possa essere modificato.
L’uso di ancoraggi HTML per definire posizioni all’interno di un singolo documento è stato deprezzato e non dovrebbe essere utilizzato se non per mantenere il codice legacy. Invece, le posizioni di ancoraggio all’interno di un documento dovrebbero essere definite assegnando un’identificazione (ID) tramite CSS ai tag di livello di blocco, come le intestazioni. Il tag di ancoraggio può, tuttavia, essere ancora utilizzato per saltare a queste posizioni tramite un collegamento.