HTML tutorial
CSS3 tutorial
Bootstrap tutorial
JavaScript tutorial
JQuery tutorial
AngularJS tutorial
React tutorial
NodeJS tutorial
PHP tutorial
Python tutorial
Python3 tutorial
Django tutorial
Linux tutorial
Docker tutorial
Ruby tutorial
Java tutorial
C tutorial
C ++ tutorial
Perl tutorial
JSP tutorial
Lua tutorial
Scala tutorial
Go tutorial
ASP.NET tutorial
C # tutorial
Link to an external style sheet
The <link>
tag defines the
relationship between the current document and an external
resource.
The <link>
tag is most often used to link to external style sheets
or to add a favicon to your website.
The <link>
element is an empty element, it contains attributes only.
Element | |||||
---|---|---|---|---|---|
<link> | Yes | Yes | Yes | Yes | Yes |
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 |
The <link>
tag also supports the Global Attributes in HTML.
The <link>
tag also supports the Event Attributes in HTML.
HTML tutorial: HTML Styles
HTML DOM reference: Link Object
Most browsers will display the <link>
element with the following default values:
link {
display: none;
}