Link in HTML: L’inizio di tutto

2.17

Presentazione dei concetti di ipertestualità e del ruolo dei collegamenti in una pagina web

Una delle qualità che ha contribuito al successo del World Wide Web è la sua composizione di ipertesti, senza dubbio un’altra caratteristica notevole è l’interattività, ma questo è un tema a parte.

I collegamenti, noti anche come “link,” fungono da “ponte” che permette la transizione tra i diversi contenuti testuali. In effetti, un link è costituito da due elementi distinti:

  1. Il contenuto: Questa è la parte visibile del collegamento, ed è essenziale che gli utenti possano sempre identificare chiaramente quali parti della pagina sono selezionabili per la navigazione.

  2. La risorsa: Questo è il punto di destinazione del collegamento. Può essere un’altra pagina, sia sullo stesso server o su un server diverso, oppure può essere un ancoraggio interno all’interno della stessa pagina. Questa componente indica la direzione a cui il collegamento punta.

Un modo comune per spiegare il concetto dei link è utilizzare la metafora dell'”ancora” con la “testa” all’interno del documento attuale e la “coda” in un altro documento o in un diverso punto del medesimo documento.

Collegamenti rivolti ad altre risorse

Ecco il modo per definire un collegamento a un sito web:

Per trovare risorse per la SEO e Google ADS visita il sito <a href=”https://www.seofaidate.info/”>Seofaidate.info</a>. Questo genererà il seguente risultato:

Per trovare risorse per la SEO e GOOGLE ADS, visita il sito seofaidate.info. Come si può notare, la parte principale dell’ancora è il testo “seofaidate.info” mentre la destinazione (specificata dall’attributo href) rappresenta il sito web a cui il collegamento si riferisce, ovvero https://www.seofaidate.info

È importante sottolineare che la destinazione dell’ancora può essere una pagina HTML di un sito, un’immagine, un file PDF, un file ZIP o un file EXE. Il meccanismo dei collegamenti funziona allo stesso modo indipendentemente dal tipo di risorsa; tuttavia, il comportamento del browser varierà in base al tipo di risorsa. Ad esempio:

Tipo di Risorsa Comportamento Predefinito Immagine .gif, .jpg, .png Viene visualizzata direttamente nel browser. Documento .html, .pdf, .doc La pagina viene aperta e visualizzata nel browser. Nei casi di documenti come .doc e .pdf, l’utente potrebbe dover installare un plugin specifico, anche se nella maggior parte dei casi questi formati sono interpretati direttamente dal browser (in caso contrario, è sufficiente avere installato Microsoft Word o Adobe Acrobat Reader rispettivamente). Se il plugin non è disponibile, il sistema potrebbe chiedere all’utente se desidera salvare il file. File .zip, file .exe L’utente riceve una richiesta di download del file. Nota: Per ragioni di sicurezza, il download di un file, specialmente se si tratta di un file .exe, potrebbe essere bloccato da un antivirus o da un firewall.

È altresì fattibile definire un collegamento a un indirizzo email. In tal caso, il client di posta dell’utente verrà aperto automaticamente con l’indirizzo email predefinito. La sintassi è la seguente:

<a href=”mailto:tuaMail@nomeTuoSito.it”> Invia un’email </a>.

Questo produrrà come risultato: Invia un’email.

Lascia un commento