Collegamenti (link)

Il tag a (abbreviazione di "anchor") è utilizzato per definire un collegamento ipertestuale (hyperlink). I collegamenti permettono agli utenti di navigare tra diverse pagine web, sezioni della stessa pagina o di scaricare risorse.

Sintassi base

<a href="URL_destinazione">Testo o contenuto del collegamento</a>

Attributi principali

href

• Descrizione: Specifica l'URL o il percorso della destinazione.
• Esempi:
  • URL assoluto: https://esempio.com
  • URL relativo: /pagina.html
  • Ancoraggio interno: #sezione
  • Vuoto o omesso: Spesso usato con JavaScript o per rendere il link non attivo.

target

• Descrizione: Indica dove aprire il collegamento.
• Valori comuni:
  • _self: (predefinito): Apre il collegamento nella stessa scheda o finestra.
  • _blank: Apre il collegamento in una nuova scheda o finestra.
  • _parent: Apre il collegamento nel frame genitore (se presente).
  • _top: Apre il collegamento nella finestra principale, eliminando eventuali frame.

rel

• Descrizione: Specifica la relazione tra la pagina corrente e il collegamento.
• Valori comuni:
  • nofollow: Indica ai motori di ricerca di non seguire il link.
  • _blank: Apre il collegamento in una nuova scheda o finestra.
  • _parent: Apre il collegamento nel frame genitore (se presente).
  • noopener e noreferrer: Utilizzati insieme a target="_blank" per motivi di sicurezza e privacy.

download

• Descrizione: Forza il download di un file invece di aprirlo.

• Esempio:

  <a href="documento.pdf" download="nome_file.pdf">Scarica il documento</a>
  

type

• Descrizione: Specifica il tipo MIME della risorsa collegata.

• Esempio:

  <a href="video.mp4" type="video/mp4">Guarda il video</a>
  

Esempi pratici

• Link ad una pagina esterna

  <a href="https://esempio.com">Visita il nostro sito</a>
  

• Link ad una sezione interna

  <a href="#contatti">Vai alla sezione Contatti</a>
  

• Link che si apre in una nuova scheda

  <a href="https://esempio.com" target="_blank" rel="noopener noreferrer">Apri in una nuova scheda</a>
  

• Link per scaricare un file

  <a href="documento.pdf" download>Scarica il documento</a>
  

Conclusione

Il tag <a> è uno strumento versatile e fondamentale per la navigazione sul web, consentendo di collegare pagine, risorse multimediali, sezioni interne di un documento e persino di eseguire azioni personalizzate come il download di file o l'apertura di nuovi contenuti in schede o finestre separate.