The Speed Coding

HTML <link> Tag


Example

Link to an external style sheet:

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

Definition and Usage

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.

The <link> element is an empty element, it contains attributes only.


Browser Support

When used for style sheets, the <link> tag is supported in all major browsers. No real support for anything else.

Element
<link> Yes Yes Yes Yes Yes

Attributes

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

Global Attributes

The <link> tag also supports the Global Attributes in HTML.


Event Attributes

The <link> tag also supports the Event Attributes in HTML.


Related Pages

HTML tutorial: HTML Styles

HTML DOM reference: Link Object


Default CSS Settings

Most browsers will display the <link> element with the following default values:

link {
  display: none;
}