Uno dei principali elementi di differenziazione tra i siti Web e altre forme di mezzi di comunicazione è l'idea di "collegamenti", o collegamenti ipertestuali come sono tecnicamente noti in termini di progettazione web.
Oltre a contribuire a rendere il Web quello che è oggi, i collegamenti, così come le immagini, sono facilmente l'aggiunta più comune alle pagine web. Fortunatamente, questi elementi sono facili da aggiungere (solo due tag HTML di base) e possono portare eccitazione e interattività a quelle che altrimenti sarebbero pagine di testo. In questo articolo, imparerai a conoscere il tag (ancora), che è l'elemento HTML utilizzato per aggiungere collegamenti alle pagine del sito.
Aggiungere collegamenti
Un link è chiamato un ancoraggio in HTML, quindi il tag per rappresentarlo è il tag A. Comunemente, le persone si riferiscono semplicemente a queste aggiunte come "collegamenti", ma l'ancora è ciò che viene effettivamente aggiunto a qualsiasi pagina.
Quando si aggiunge un collegamento, è necessario puntare all'indirizzo della pagina Web a cui si desidera indirizzare gli utenti quando fanno clic o toccano (se si trovano su un touchscreen) quel collegamento. Lo specifichi con l'attributo.
Il href attributo sta per "riferimento ipertestuale" e il suo scopo è quello di dettare l'URL dove si vuole che il link specifico per andare. Senza queste informazioni, un collegamento è inutile - direbbe al browser che l'utente dovrebbe essere portato da qualche parte, ma non avrebbe le informazioni sulla destinazione disponibili per dove quel "da qualche parte" dovrebbe essere. Questo tag e questo attributo vanno di pari passo.
Ad esempio, per creare un collegamento testuale, scrivi:
Testo che sarà il link
Quindi, per creare un collegamento alla home page Web / HTML di About.com, scrivi:
LifeWire
Puoi collegare quasi qualsiasi cosa nella tua pagina HTML, incluse le immagini. Basta circondare gli elementi o gli elementi HTML che vuoi essere un collegamento con il
e tag. È inoltre possibile creare collegamenti segnaposto omettendo il href attributo - ma assicurati di tornare indietro e aggiornare le informazioni href in un secondo momento o il collegamento non eseguirà effettivamente nulla quando si accede.
HTML5 lo rende valido per collegare elementi a livello di blocco come paragrafi e DIV elementi. Puoi aggiungere un tag di ancoraggio su un'area molto più grande, come una divisione o un elenco di definizioni, e che l'intera area sarà "cliccabile". Ciò può essere particolarmente utile quando si cerca di creare aree di colpetti più grandi e sensibili alle dita su un sito web.
Alcune cose da ricordare quando si aggiungono collegamenti
- Il finale il tag è necessario. Se dimentichi di includerlo, tutto ciò che segue quel link sarà anche collegato, fino a quando un altro link non chiude il tag.
- Il più delle volte, è meglio collegare singole immagini e brevi segmenti di testo, piuttosto che grandi blocchi di testo. I collegamenti possono aggiungere colori e stili di sottolineatura alla tua pagina che possono essere difficili da leggere. Naturalmente, 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 collegamenti in modo che non vadano male. Link Rot può far sì che sia gli utenti sia i motori di ricerca considerino il tuo sito non valido. Utilizzare un correttore di link regolarmente per verificare i collegamenti sulle tue pagine. Questo è particolarmente vero quando ti colleghi a siti di terze parti (quelli che non gestisci) e che potrebbero cambiare le loro pagine di lavoro, lasciandoti con link non funzionanti. Un correttore di link troverà questi collegamenti morti in modo da poter effettuare tutti gli aggiornamenti necessari.
- Evita il testo come "clicca qui" nel tuo link. Ricorda, le persone con touch screen non possono "fare clic", in modo che il testo si senta come un prodotto di un'epoca passata e in realtà non è rilevante nel Web centrico multi-dispositivo di oggi.
Altri tipi interessanti di collegamenti
Il UN elemento crea un collegamento standard ad un altro documento, ma ci sono altri tipi di collegamenti che potrebbero interessarti:
- Collegamenti interni o Ancore - Questi sono collegamenti a qualche parte all'interno di una pagina web, non necessariamente al top.
- Mappe immagine - Le mappe immagine consentono di creare collegamenti su immagini mappate su aree specifiche dell'immagine. Questi possono essere utilizzati per i giochi o la navigazione creativa. Li vedi spesso con le mappe in cui le aree sulla mappa sono cliccabili. Si noti che le mappe immagine non sono utilizzate nella maggior parte dei siti Web moderni, in parte perché possono causare problemi sul dispositivo mobile.
- L'elemento: questo elemento viene utilizzato per collegare altri documenti e pagine a quello corrente. Non creerà un'area cliccabile sulla tua pagina web, ma è utile capire.
