Tag HTML <link>


Esempio

Collegamento a un foglio di stile esterno:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

Definizione e utilizzo

Il <link>tag definisce la relazione tra il documento corrente e una risorsa esterna.

Il <link>tag viene spesso utilizzato per creare collegamenti a fogli di stile esterni o per aggiungere una favicon al tuo sito web.

L' <link>elemento è un elemento vuoto, contiene solo attributi.


Supporto browser

Element
<link> Yes Yes Yes Yes Yes


Attributi

Attribute Value Description
crossorigin anonymous
use-credentials
Specifies how the element handles cross-origin requests
href URL Specifies the location of the linked document
hreflang language_code Specifies the language of the text in the linked document
media media_query Specifies on what device the linked document will be displayed
referrerpolicy no-referrer
no-referrer-when-downgrade
origin
origin-when-cross-origin
unsafe-url
Specifies which referrer to use when fetching the resource
rel alternate
author
dns-prefetch
help
icon
license
next
pingback
preconnect
prefetch
preload
prerender
prev
search
stylesheet
Required. Specifies the relationship between the current document and the linked document
sizes HeightxWidth
any
Specifies the size of the linked resource. Only for rel="icon"
title   Defines a preferred or an alternate stylesheet
type media_type Specifies the media type of the linked document

Attributi globali

Il <link>tag supporta anche gli attributi globali in HTML .


Attributi dell'evento

Il <link>tag supporta anche gli attributi dell'evento in HTML .


Pagine correlate

Esercitazione HTML: Stili HTML

Riferimento DOM HTML: oggetto collegamento


Impostazioni CSS predefinite

La maggior parte dei browser visualizzerà l' <link>elemento con i seguenti valori predefiniti:

link {
  display: none;
}