Uno dei principali elementi di differenziazione tra siti web e altre forme di mezzi di comunicazione è l'idea di "link", o collegamenti ipertestuali come sono tecnicamente conosciuti in termini di web design.
Oltre ad aiutare a rendere il web quello che è oggi, i link, così come le immagini, sono facilmente gli elementi più comunemente aggiunti alle pagine web. Per fortuna, questi elementi sono facili da aggiungere (solo due tag HTML di base) e possono portare entusiasmo e interattività a quelle che altrimenti sarebbero pagine di testo normale. In questo articolo imparerai a conoscere il tag (di ancoraggio), che è l'effettivo elemento HTML utilizzato per aggiungere collegamenti alle pagine del sito web.
Aggiunta di collegamenti
Un collegamento è chiamato ancoraggio in HTML e quindi il tag che lo rappresenta è il tag A. Comunemente, le persone si riferiscono semplicemente a queste aggiunte come "link", ma l'ancora è ciò che viene effettivamente aggiunto a qualsiasi pagina.
Quando aggiungi un collegamento, devi puntare a
indirizzo della pagina web a cui desideri che i tuoi utenti accedano quando fanno clic o toccano (se sono su un touch screen) quel collegamento. Lo specifichi con l'attributo.Il href attributo sta per "riferimento ipertestuale" e il suo scopo è dettare l'URL a cui vuoi che vada quel collegamento specifico. Senza queste informazioni, un collegamento è inutile in quanto direbbe al browser che l'utente deve essere portato da qualche parte, ma non avrebbe le informazioni sulla destinazione disponibili per dove dovrebbe essere quel "da qualche parte" essere. Questo tag e questo attributo vanno di pari passo.
Puoi collegare quasi tutto nella tua pagina HTML, incluso immagini. Racchiudi semplicemente gli elementi HTML o gli elementi che desideri siano un collegamento con i tag e. Puoi anche creare link segnaposto tralasciando il href attributo, ma assicurati di tornare indietro e aggiornare le informazioni href in un secondo momento o il collegamento non farà nulla quando si accede.
HTML5 rende valido il collegamento di elementi a livello di blocco come paragrafi e DIV elementi. Puoi aggiungere un tag di ancoraggio attorno a un'area molto più ampia, come una divisione o un elenco di definizioni, e l'intera area sarà "cliccabile". Questo può essere particolarmente utile quando si cerca di creare aree di impatto più grandi e facili da usare per le dita su un sito web.
Alcune cose da ricordare quando si aggiungono collegamenti
- Il tag finale è necessario. Se dimentichi di includerlo, verrà collegato anche tutto ciò che segue quel collegamento, finché un altro collegamento non chiuderà il tag.
- La maggior parte delle volte, è meglio collegare singole immagini e brevi porzioni di testo, piuttosto che grandi blocchi di testo. I link possono aggiungere colori e stili di sottolineatura alla tua pagina che possono essere difficili da leggere. Certo, puoi usare i CSS per cambiare questi stili di link e modificare i colori o rimuovere le sottolineature, ma è comunque bene essere consapevoli di questa realtà.
- Assicurati di controllare i tuoi link in modo che non vadano male. Link Rot può far considerare il tuo sito non valido sia agli utenti che ai motori di ricerca. Utilizza regolarmente un correttore di link per verificare i link sulle tue pagine. Ciò è particolarmente vero quando ti colleghi a siti di terze parti (quelli che non gestisci) e che potrebbero cambiare le loro pagine nel tempo, lasciandoti con collegamenti morti. Un correttore di collegamento troverà questi collegamenti morti in modo da poter apportare gli aggiornamenti necessari.
- Evita testi come "fai clic qui" nel tuo link. Ricorda, le persone con touchscreen non possono "fare clic", quindi il testo sembra un prodotto di un'era passata e in realtà non è rilevante nel web incentrato su più dispositivi di oggi.
Altri interessanti tipi di link
Il UN element crea un collegamento standard a un altro documento, ma ci sono altri tipi di collegamenti che potrebbero interessarti:
- Collegamenti interni o ancoraggi: Questi sono collegamenti a qualche parte all'interno di una pagina web, non necessariamente all'inizio.
- Mappe immagine: Le mappe immagine consentono di creare collegamenti su immagini mappate su aree specifiche dell'immagine. Questi possono essere usati per i giochi o per la navigazione creativa. Li vedi spesso con le mappe in cui le aree sulla mappa sono cliccabili. Nota che le mappe di immagini non vengono utilizzate nella maggior parte dei siti Web moderni, in parte perché possono causare problemi sui dispositivi mobili.
- L'elemento: questo elemento viene utilizzato per mettere in relazione altri documenti e pagine con quello corrente. Non creerà un'area cliccabile sulla tua pagina web, ma è utile per capire.