Latest web development tutorials
 

HTML <link> Tag


Example

Link to an external style sheet:

<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
Try it Yourself »

Definition and Usage

The <link> tag defines a link between a document and an external resource.

The <link> tag is used to link to external style sheets.


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

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

Note:This element goes only in the head section, but it can appear any number of times.


Differences Between HTML 4.01 and HTML5

Some HTML 4.01 attributes are not supported in HTML5.

The "sizes" attribute is new in HTML5.


Differences Between HTML and XHTML

In HTML the <link> tag has no end tag.

In XHTML the <link> tag must be properly closed.


Attributes

= New in HTML5.

Attribute Value Description
charset char_encoding Not supported in HTML5.
Specifies the character encoding of the linked document
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
rel alternate
archives
author
bookmark
external
first
help
icon
last
license
next
nofollow
noreferrer
pingback
prefetch
prev
search
sidebar
stylesheet
tag
up
Required. Specifies the relationship between the current document and the linked document
rev reversed relationship Not supported in HTML5.
Specifies the relationship between the linked document and the current document
sizes HeightxWidth
any
Specifies the size of the linked resource. Only for rel="icon"
target _blank
_self
_top
_parent
frame_name
Not supported in HTML5.
Specifies where the linked document is to be loaded
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;
}