Inserire Collegamenti Ipertestuali in HTML5

Questo video accompagna la guida Inserire Collegamenti Ipertestuali in HTML5 e riprende i passaggi principali con una spiegazione più diretta e visuale.

Sintesi del video

In questo articolo imparerai come gestire i collegamenti ipertestuali in HTML5 per ottimizzare la navigazione del tuo sito web. Imparerai a creare collegamenti esterni che aprono in nuove schede, link interni per navigare tra sezioni della stessa pagina, e collegamenti mailto e tel per comunicazioni rapide. Inoltre, scoprirai come utilizzare attributi avanzati come target per migliorare l’esperienza utente.

Punti trattati

• Collegamenti Esterni ( con Attributo href)
• Collegamenti Interni (Ancore e Navigazione all’interno della Pagina)
• Collegamenti Mailto e Telefonici

Nel precedente articolo, Come utilizzare le liste di definizioni in HTML5 per creare glossari FAQ e contenuti strutturati, abbiamo esplorato le liste di definizione, completando i due video in cui abbiamo affrontato l’argomenti degli elenchi in HTML5. In questo articolo, che fa parte del corso HTML5, vedremo come gestire i collegamenti ipertestuali tra le pagine HTML, inclusi collegamenti esterni, interni, mailto, telefonici, e l’uso di attributi avanzati come target.

I collegamenti ipertestuali (o link) sono elementi fondamentali del web, poiché permettono la navigazione tra pagine web e risorse online. In HTML5, i collegamenti si creano utilizzando il tag <a> (abbreviazione di anchor). Grazie ai collegamenti, gli utenti possono passare da una pagina all’altra con facilità, migliorando l’esperienza di navigazione.

I collegamenti esterni sono quelli che puntano a un sito web esterno. Utilizzando l’attributo href nel tag <a>, possiamo specificare l’URL di destinazione. È buona pratica assicurarsi che i link siano sicuri e validi, in modo da offrire una navigazione fluida.

Nel precedente esempio, quando un utente della pagina clicca su Visita Example.com, il browser carica la pagina relativa e quindi l’utente lascia la pagina attuale per spostarsi su quella di destinazione.

Potresti voler aprire la pagina, ma non chiudere la pagina dove si trova l’utente al momento del click. Per aprire il collegamento in una nuova scheda, si può usare l’attributo target="_blank":

In questo caso, la pagina è aperta su un nuovo Tab del browser senza chiudere la pagina attualmente in visualizzazione dell’utente.

Approfondimento scritto

Per comandi, esempi e passaggi completi puoi leggere l’articolo collegato: Inserire Collegamenti Ipertestuali in HTML5 .