Cosa sono le ancore HTML?
Dall'inizio di HyperText Markup Language (HTML) come usato online, le ancore HTML sono rimaste uno degli elementi interattivi fondamentali utilizzati in quasi tutte le pagine Web. Le ancore HTML sono un tipo di tag rappresentato dalla lettera "A" che consente a un utente di fare clic su un elemento e di essere portato in una posizione di risorsa universale (URL) come un'altra pagina Web o in una sezione diversa all'interno dello stesso documento HTML . È più comune fare riferimento alle ancore HTML come collegamenti o collegamenti ipertestuali. Analogamente a molti altri tag HTML, le ancore possono essere personalizzate sia con le proprietà di formattazione HTML standard sia con le estensioni CSS (Cascading Style Sheet).
All'interno di una pagina Web, le ancore HTML vengono utilizzate per spostare un utente da una pagina all'altra o in altre posizioni contrassegnate all'interno della stessa pagina. L'ancoraggio è rappresentato 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 possa trattarsi anche di un'immagine, un programma o quasi qualsiasi tipo di contenuto. Il comportamento predefinito di un'ancora è aprire il nuovo URL nella stessa finestra del browser, sostituendo il contenuto corrente, sebbene questo comportamento possa essere modificato per aprire URL in nuove finestre o in frame mirati su una pagina.
Il secondo utilizzo per gli ancoraggi HTML è definire o spostare sezioni del documento HTML visualizzato. Assegnando un nome al tag anchor tramite la proprietà name, nel documento viene creato un anchor a cui è possibile fare riferimento altrove. Proprio come passare a un'altra pagina Web, il tag anchor può essere utilizzato per spostarsi su un anchor sulla stessa pagina una volta definito, consentendo la creazione di un sommario o di indici.
Quando si utilizzano ancore HTML, il tag stesso non ha una rappresentazione visiva, ma deve invece racchiudere qualsiasi elemento visivo verrà utilizzato per rappresentarlo. Il tag anchor 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. Il testo di ancoraggio cambia anche colore quando un mouse ci passa sopra, anche se questo può essere cambiato.
L'uso di ancore HTML per definire le posizioni all'interno di un singolo documento è stato deprezzato e non deve essere utilizzato se non per mantenere il codice legacy. Invece, le posizioni di ancoraggio all'interno di un documento devono essere definite assegnando un'identificazione (ID) tramite CSS per bloccare tag di livello, come le intestazioni. Il tag anchor può tuttavia essere ancora utilizzato per passare a queste posizioni tramite un collegamento.