HTML Tag
The tag sets the relationship between the current document and the external resource. It is generally used to link to the external CSS stylesheet.
The tag can be used to link different versions of a page. This is useful if there are several translations of content.
An HTML document can have several elements for loading different types of script or page. All these elements should be placed in the section of the document (commonly before the closing tag), and they can be used many times.
Syntax
The tag is empty, which means that the closing tag isn’t required. It contains only attributes. But in XHTML, the () tag must be closed ().
Example of the HTML tag:
html> html> head> link rel="stylesheet" type="text/css" href="style.css"> head> body> h1>The appearance of the header is determined by the CSS styles specified in the external file. h1> p>The appearance of the paragraph is determined by the CSS styles specified in the external file. p> body> html>Result
Attributes
| Attribute | Value | Description |
|---|---|---|
| charset | char_encoding | Defines the coding of the linked document. Not supported in HTML5. |
| href | URL | Defines the URL of the external file. |
| hreflang | language_code | Defines the text language of the linked document. |
| media | media_query | Defines the device, for which the styles will be applied. |
| rel | alternate archives author bookmark external first help icon last license next nofollow noreferrer pingback prefetch prev search sidebar stylesheet tag up | Defines the relationship between the current document and the linked file. |
| rev | reversed relationship | Defines the relationship between the current and linked documents. Not supported in HTML5. |
| sizes | HeightxWeight | Sets the size of associated icons. Used only with rel = «icon». |
| target | Defines how the link should be opened: | |
| _blank | In a new window. | |
| _self | In the current window. | |
| _top | To the full width of the window. | |
| _parent | In the parent frame. | |
| frame_name | In the frame. Not supported in HTML5. | |
| type | media_type | Defines the MIME-type (specification for network transfer of various types of files) of the linked document. |
HTML Tag
The tag defines the relationship between the current document and an external resource.
The tag is most often used to link to external style sheets or to add a favicon to your website.
The element is an empty element, it contains attributes only.
Browser Support
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
Event Attributes
Related Pages
Default CSS Settings
Most browsers will display the element with the following default values:
COLOR PICKER
Report Error
If you want to report an error, or if you want to make a suggestion, do not hesitate to send us an e-mail:
Thank You For Helping Us!
Your message has been sent to W3Schools.
Top Tutorials
Top References
Top Examples
Get Certified
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.