Più "Provate voi stessi" esempi di seguito.
Definizione e utilizzo
Il <a> tag definisce un collegamento ipertestuale, che viene utilizzato per collegare da una pagina all'altra.
L'attributo più importante del <a> elemento è il href attributo, che indica la destinazione del collegamento.
Per impostazione predefinita, vengono visualizzati come segue in tutti i browser link:
- Un collegamento non visitato è sottolineato e blu
- Un collegamento visitato è sottolineato e viola
- Un collegamento attivo è sottolineato e rosso
Supporto per il browser
| Elemento | |||||
|---|---|---|---|---|---|
| <a> | sì | sì | sì | sì | sì |
Suggerimenti e Note
Suggerimento: i following attributi: download, hreflang, media, rel, target , e type non può essere presente se il href attributo non è presente.
Suggerimento: una pagina collegata viene normalmente visualizzato nella finestra del browser corrente, a meno che non si specifica un altro bersaglio.
Suggerimento: usare i CSS per i collegamenti di stile: CSS Links Tutorial & Bottoni CSS Tutorial
Differenze tra HTML 4.01 e HTML5
In HTML 4.01, la <a> tag potrebbe essere sia un collegamento ipertestuale o un ancoraggio. In HTML5, il <a> tag è sempre un collegamento ipertestuale, ma se non ha href attributo, è solo un segnaposto per un collegamento ipertestuale.
HTML5 ha alcune nuove caratteristiche, e alcuni attributi HTML 4.01 non sono più supportati.
attributi
= Nuovo in HTML5.
attributi globali
Il <a> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <a> tag supporta anche l' evento Attributi in HTML .
Provate voi stessi - Esempi
creare collegamenti ipertestuali
Come creare collegamenti ipertestuali.
Un'immagine come un link
Come utilizzare un'immagine come un link.
Aprire un link in una nuova finestra del browser
Come aprire un link in una nuova finestra del browser, in modo che il visitatore non deve lasciare il vostro sito web.
Creare un collegamento mailto
Come creare un collegamento a un messaggio di posta elettronica (funziona solo se si è posta installato).
Creare un collegamento mailto 2
Un altro collegamento mailto.
Collegamento a un elemento con un specificato id
Come creare un collegamento a un elemento con un specificato id all'interno di una pagina (il name attributo non è supportato in HTML5).
Link ad un JavaScript
Come aggiungere un JavaScript all'interno del href attributo.
Pagine correlate
HTML tutorial: collegamenti HTML
Di riferimento HTML DOM: ancoraggio di oggetto
CSS Tutorial: Styling Link
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <a> elemento con i seguenti valori di default:
a:link, a:visited {
color: ( internal value );
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: ( internal value );
} | Attributo | Valore | Descrizione |
|---|---|---|
| charset | char_encoding | Non supportato in HTML5. Specifica il carattere-set di un documento collegato |
| coords | coordinates | Non supportato in HTML5. Specifica le coordinate di un collegamento |
| download | filename | Specifica che l'obiettivo sarà scaricato quando un utente fa clic sul collegamento ipertestuale |
| href | URL | Specifica l'URL della pagina il link va a |
| hreflang | language_code | Specifica la lingua del documento collegato |
| media | media_query | Specifica ciò che i media / dispositivo del documento collegato è ottimizzato per |
| name | section_name | Non supportato in HTML5. Utilizzare l'globale id attributi invece. Specifica il nome di un ancoraggio |
| rel | alternate author bookmark help license next nofollow noreferrer prefetch prev search tag | Specifica la relazione tra il documento corrente e il documento collegato |
| rev | text | Non supportato in HTML5. Specifica la relazione tra il documento collegato e il documento corrente |
| shape | default rect circle poly | Non supportato in HTML5. Specifica la forma di un link |
| target | _blank _parent _self _top framename | Specifica dove aprire il documento collegato |
| type | media_type | Specifica il tipo di supporto del documento collegato |