In questo tutorial di sviluppo web HTML e foglio di riferimento HTML, imparerai come utilizzare l’HTML tag, completo di esempi di codice che dimostrano come lavorare con i collegamenti ipertestuali nelle tue pagine web.
L’HTML Etichetta
Nello sviluppo web, l’HTML <a> tag viene utilizzato per definire un collegamento ipertestuale o un “collegamento” a una pagina Web interna o esterna o a un altro tipo di risorsa. Questi collegamenti hanno un stato e avrà un aspetto diverso a seconda di diversi fattori. Ad esempio, il testo di un collegamento che è stato visitato, o su cui è stato fatto clic, è in genere viola e sottolineato. Se il testo del collegamento ha non stato cliccato, e quindi non è visitato, sarà blu e sottolineato. I link attivi, nel frattempo, sono generalmente rossi e sottolineati.
Sebbene quanto sopra sia in genere vero, tieni presente che alcuni web designer utilizzeranno fogli di stile a cascata (CSS) o modelli che consentono uno stile diverso su collegamenti ipertestuali e collegamenti.
La sintassi per un basic tag in HTML è il seguente:
<a href="https://www.htmlgoodies.com/html/how-to-use-the-html-tag/https://www.htmlgoodies.com"> Read More at Developer.com</a>
Nell’esempio di come creare un collegamento ipertestuale in HTML, l’apertura tag è seguito da un attributo conosciuto come href, che gli sviluppatori Web utilizzano per indicare quale URL deve “aprire” il collegamento nel browser. Noi usiamo il = segno seguito da un valore racchiuso tra due virgolette per indicare quale indirizzo web deve essere aperto. Successivamente, aggiungiamo del testo dopo la chiusura del ns <a> tag, che è il testo che verrà visualizzato sullo schermo e in cui sarà contenuto il collegamento. Infine, utilizziamo la chiusura </a> elemento per chiudere il ns <a> etichetta.
Nel nostro esempio, l’utente vedrà semplicemente:
Read More at Developer.com
nel loro browser. Per impostazione predefinita, se non diversamente indicato da un modello o uno stile CSS, i collegamenti si apriranno nello stesso browser. Per le migliori pratiche, consigliamo invece di aprire tutti i collegamenti in un nuovo browser. Dimostreremo come raggiungere questo obiettivo in una sezione di seguito.
Quali sono gli attributi dell’HTML a Tag?
I tag HTML hanno attributi e il <a> tag non è diverso. Come abbiamo notato sopra, href è uno di questi attributi. Altro <a> gli attributi dei tag includono quelli elencati di seguito.
L’attributo di download di un tag HTML
Il Scarica L’attributo in HTML viene utilizzato quando si desidera che qualcuno possa scaricare un file, la cui posizione è specificata in href attributo, rispetto a visitare o visualizzare il file quando si fa clic su un collegamento ipertestuale. La sintassi per il Scarica l’attributo è:
<a download = “nameOfYourFile”>
Puoi anche includere il percorso del file che viene scaricato e assegnare al download un nome diverso dal nome del file. Per fare ciò, dovresti scrivere la seguente sintassi HTML:
<a href=”/images/.testimage.png” download=”smileyface”>
La scrittura di questo script HTML causerà il testimage.png file che si trova nel /immagini cartella da scaricare con il nuovo nome faccina sorridente.png.. In casi come questo, il browser web può rilevare automaticamente il tipo di file e quindi non è necessario che lo sviluppatore web specifichi il tipo di file.
L’attributo HTML a Tag hreflang
Il hreflang attributo dell’HTML un tag dice al browser in quale lingua è scritto il documento collegato. La sintassi per il hreflang l’attributo è:
<a hreflang=”en”>
Questo codice direbbe al browser che il documento collegato è scritto in inglese. Se mettessimo il valore come “fi” sarebbe finlandese; imposta il valore su “eo” e sarebbe esperanto, e così via.
L’attributo HTML a Tag rel
Il rel attributo per l’HTML <a> tag viene utilizzato per denotare determinate informazioni sul documento collegato o sul collegamento stesso. Sono tutti possibili i seguenti valori:
- alternato: utilizzato quando si desidera presentare la pagina come versione tradotta, stampabile o speculare
- autore: usato quando vuoi collegarti all’autore del documento o far sapere ai motori di ricerca chi ha creato la pagina
- segnalibro: utilizzato per fornire un segnalibro per l’URL
- esterno: utilizzato quando ti colleghi a un sito Web che non fa parte del sito Web corrente, ad esempio quando ti colleghi al sito Web di qualcun altro
- aiuto: utilizzato quando ci si collega a un documento della guida
- licenza: utilizzato quando ci si collega alla documentazione di licenza
- prossimo: utilizzato quando si desidera collegarsi alla parte “successiva” di una serie
- non seguire: parte dell’ottimizzazione dei motori di ricerca; utilizzato per far sapere a Google e ad altri motori di ricerca che il collegamento è sponsorizzato o pagato
- prec: come il valore “successivo”, questo valore viene utilizzato per denotare la parte precedente di una serie
- etichetta: usato quando vuoi taggare una pagina con una determinata parola chiave o tag
La sintassi per il rel l’attributo è:
<a href=”http://www.htmlgoodies.com” rel=”nofollow”> HTMLGoodies.com</a>
Questo codice creerà un collegamento nofollow che mostrava “HTMLGoodies.com” nel browser dell’utente.
L’attributo HTML a Tag target
Il obbiettivo attributo dell’HTML <un> tag viene utilizzato per indicare al browser Internet come deve essere aperto un collegamento. Le opzioni includono: _vuoto, _genitore, _superioree _se stesso:
- _vuoto: utilizzato per aprire una pagina in una nuova scheda o in una nuova finestra. Utilizzato principalmente quando ci si collega a un altro sito Web, così puoi mantenere le persone sul tuo sito Web e fare in modo che non navighino dal tuo sito.
- _genitore: utilizzato per aprire una pagina all’interno del frame principale
- _se stesso: utilizzato per aprire una pagina all’interno della stessa finestra. Il valore è impostato su questo come predefinito. Buono per l’uso durante la navigazione all’interno del tuo sito web.
- _superiore: utilizzato per aprire una pagina all’interno di una finestra intera
La sintassi di esempio per obbiettivo l’attributo è:
<a href=”http://www.htmlgoodies.com” target=”_blank”> HTMLGoodies.com</a>
Il codice sopra mostra come aprire una nuova scheda in HTML usando il obbiettivo attributo.
Leggi di più Tutorial di programmazione HTML e fogli di riferimento.