HTML <link> Tag

If this site has been useful, we’d love your support! Running this site takes time and resources, and every small contribution helps us keep creating valuable content. Consider buying us a coffee to keep things going strong!

Description

The HTML <link> tag is used to establish relationships between the current web page and external resources, such as stylesheets, icons, or other documents. It is placed within the document's head section and primarily serves to define how the document should be presented or behave. For instance, you can use the <link> tag to reference an external CSS (Cascading Style Sheet) file to apply styles to the webpage, or to link to a favicon for displaying a custom icon in the browser's tab. Additionally, the <link> tag can be used to establish relationships with other documents like RSS feeds or alternate versions of the webpage for different languages or media types.

Properties

Permitted Parents
Any element that accepts metadata elements. If itemprop is present: any element that accepts phrasing content
Content
None. It is an empty element.
Start/End Tags
Start tag: required, End tag: forbidden

Example

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

Attributes

Attribute Definition
href Specifies the location of a Web resource, thus defining a link between the current element (the source anchor) and the destination anchor defined by this attribute.
hreflang Specifies the base language of the resource designated by href and may only be used when href is specified.
type The MIMEtype of content at the link destination
rel Describes the relationship between the current document and the destination URI.
  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet
  • subsection
target

Specifies the target frame to load the page into.
Possible Values:

  • _blank
  • _self
  • _top
  • _parent
media Specifies the device the document will be displayed on. Possible values:
  • all
  • braille
  • print
  • projection
  • screen
  • speech
charset Specifies the character encoding of the resource designated by the link.

Global Attributes

The <link> tag also supports the Global Attributes in HTML5

Event Attributes

The <link> tag also supports the Event Attributes in HTML5

Browser Support

The following table will show you the current browser support for the HTML <link> tag.

Desktop
Edge Chrome Firefox Opera Safari
121112.14
Tablets / Mobile
Chrome Firefox Opera Safari Samsung Webview
18412.13.214.4

Last updated by CSSPortal on: 30th March 2024