Esempio
Collegamento a un foglio di stile esterno:
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Prova tu stesso " Definizione e utilizzo
Il <link> tag definisce un collegamento tra un documento e una risorsa esterna.
Il <link> tag viene utilizzato per creare un collegamento a fogli di stile esterni.
Supporto per il browser
Quando viene utilizzato per i fogli di stile, il <link> tag è supportato in tutti i principali browser. Nessun vero supporto per qualsiasi altra cosa.
| Elemento | |||||
|---|---|---|---|---|---|
| <link> | sì | sì | sì | sì | sì |
Nota: Il <link> elemento è un elemento vuoto, contiene solo gli attributi.
Nota: Questo elemento va solo nella sezione di testa, ma può apparire qualsiasi numero di volte.
Differenze tra HTML 4.01 e HTML5
Alcuni HTML 4.01 attributi non sono supportati in HTML5.
La "sizes" attributo è di nuovo in HTML5.
Differenze tra HTML e XHTML
In HTML il <link> tag non ha alcun tag di chiusura.
In XHTML il <link> tag deve essere ben chiuso.
attributi
= Nuovo in HTML5.
| Attributo | Valore | Descrizione |
|---|---|---|
| charset | char_encoding | Non supportato in HTML5. Specifica la codifica dei caratteri del documento collegato |
| crossorigin | anonymous use-credentials | Specifica come l'elemento gestisce le richieste cross-origine |
| href | URL | Specifica la posizione del documento collegato |
| hreflang | language_code | Specifica la lingua del testo nel documento collegato |
| media | media_query | Specifica su quale dispositivo verrà visualizzato il documento collegato |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Richiesto. Specifica la relazione tra il documento corrente e il documento collegato |
| rev | reversed relationship | Non supportato in HTML5. Specifica la relazione tra il documento collegato e il documento corrente |
| sizes | HeightxWidth any | Specifica la dimensione della risorsa collegata. Solo per rel = "icona" |
| target | _blank _self _top _parent frame_name | Non supportato in HTML5. Specifica dove il documento collegato deve essere caricato |
| type | media_type | Specifica il tipo di supporto del documento collegato |
attributi globali
Il <link> tag supporta anche l' Attributi globali in HTML .
Attributi eventi
Il <link> tag supporta anche l' evento Attributi in HTML .
Pagine correlate
HTML tutorial: Stili HTML
Di riferimento HTML DOM: Collegamento Object
Impostazioni predefinite CSS
La maggior parte dei browser visualizzerà il <link> elemento con i seguenti valori di default:
link {
display: none;
}