HTML <A> TAG
Nel linguaggio Html il tag <a> crea un hyperlink per collegare una pagina o risorsa a un'altra.
<a href=[link]>testo linkato</a>
Il link è l'indirizzo url di destinazione. Il collegamento ipertestuale può essere un indirizzo relativo oppure assoluto.
Se il link è esterno deve essere indicato il protocollo ( es. http:// ) prima dell'indirizzo.
Il testo linkato è detto anchor text.
Un esempio pratico
Di default, nei browser il link è di colore blu e sottolineato.
Un link visitato è, invece, di colore viola sottolineato.
Quando l'utente clicca ( link attivo ) è di colore rosso sottolineato.
Nota. I colori dei link sulla pagina web sono modificabili tramite un foglio di stile CSS. Nelle versioni più vecchie del linguaggio HTML era modificabile anche tramite gli attributi LINK, VLINK e ALINK del tag BODY.
Browser
Il tag <a> è supportato dai seguenti browser
| Chrome | Si |
|---|---|
| Firefox | Si |
| Explorer | Si |
| Opera | Si |
| Safari | Si |
Gli attributi
|
Attributo |
Valore |
Descrizione |
HTML5 |
|---|---|---|---|
|
charset |
char_encoding |
Il character-set del documento linkato
|
non supportato |
|
coords |
coordinates |
Le coordinate del link
|
non supportato |
|
download |
filename |
Quando l'utente clicca sul link si avvia il download della risorsa. |
html5 |
|
href |
URL |
L'indirizzo di destinazione del link. |
|
|
hreflang |
language_code |
Il linguaggio del documento linkato. |
|
|
media |
media_query |
La tipologia di media/device per cui è ottimizzato il documento linkato. |
html5 |
|
name |
section_name |
Usa l'attributo ID globale o specifica il nome di un'ancora interna (anchor) nel documento.
|
non supportato |
|
ping |
list_of_URLs |
Una lista di indirizzi URL spearati da spazi a cui è inviato un post requests in backqrount quando l'utente clicca sul link. È usato per il tracking dei click. |
|
|
rel |
alternate |
La relazione tra il documento corrente e il documento linkato. |
|
|
rev |
text |
La relazione tra il documento linkato e il documento corrente.
|
non supportato |
|
shape |
default |
La forma del collegamento. |
non supportato |
|
target |
_blank |
La finestra dove è aperto il collegamento |
|
|
type |
media_type |
Il media type del documento linkato. |
Esempi e tutorial
Alcuni esempi pratici di utilizzo del tag <A>
- Come creare un'immagine linkabile
- Come linkare un'immagine
- Come linkare un indirizzo email
