HTML Link Options Illustrated With Code Examples

Disclosure: Your support helps keep the site running! We earn a referral fee for some of the services we recommend on this page. Learn more
Element of
HTML Anchors: Here’s How To Create Links For Fast Navigation
What does HTML Link Options Illustrated With Code Examples do?
The <link> element is used to define a relationship between an HTML document and an external resource. This element is most commonly used to define the relationship between a document and one or more external CSS stylesheets.
semantic | structural

About Document Links

When most people talk about links on the web, they mean anchor links — a link within the content of a page, which is anchored to a piece of text, or an image. But you can also define a link from one document to another, using the <link> tag. This allows you to import the contents of a script or resource, such as a stylesheet, into your HTML document. You can then control the appearance or behavior of all pages by altering the content in your linked resource page.

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

The <link> element can also be used to link different versions of a page together. This is helpful if you have multiple translations of the same content. The following example describes an alternate version in Japanese, using the ISO 639-1 language code.

<link rel="alternate" hreflang="ja" href=""> 

A HTML document can have multiple <link> elements to load different script or page types. All of these <link> elements must be placed in the <head> section of the HTML document.

Claire is seasoned technical writer, editor, and HTML enthusiast. She writes for and runs a content agency, Red Robot Media.

Browser Support for link