Syntax | HTML syntax - This element does not require a closing tag.
<link> XHTML syntax - This element is opened and closed, within a single tag, by adding a space followed by a forward slash at the end of the tag. <link /> |
---|---|
Usage | The <link> tag is used to define a link to another web resource. It is often used to link to a style sheet. The <link> tag can only appear in the head section between the opening and closing <head> tags. It may also appear more than once. HTML <link> example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css">
XHTML <link> example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css" />
The examples above link a style sheet to the current document. The href attribute holds the URL of the style sheet. The rel attribute defines the relationship of the link, which in this case is a style sheet. The type attribute defines the content type or media type, which in this case is again a style sheet. |
Content Model | The <link> element cannot contain any tags. |
Required | Tag Specific | Core | Focus | Events | Language |
---|---|---|---|---|---|
charset href hreflang media rel rev target type | id class style title | onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup | dir lang xml:lang1 | ||
Notes: 1. XHTML only. |
Attribute | Description |
---|---|
charset | The charset attribute specifies the character encoding for the web resource that is pointed to by the link. |
href | The href attribute is used to specify the URL resource. HTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css">
XHTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css" /> |
hreflang | The hreflang attribute specifies the language code of the web resource that is pointed to by the link. |
media | The media attribute is used to specify the target medium for the style information. Possible values include "all", "aural", "braille", "handheld", "print", "projection", "screen", "tty", "tv". More than one value can be specified by separating them with commas. The following HTML example specifies a style sheet to be used when the document is printed: <link href="printstyle.css" media="print" rel="stylesheet" type="text/css">
The following XHTML example specifies a style sheet to be used when the document is printed: <link href="printstyle.css" media="print" rel="stylesheet" type="text/css" /> |
rel | The rel attribute is a space-separated list which specifies a relationship between the current web resource and the web resource that is pointed to by the link. The relationship is from the current web resource to the linked current web resource. Possible values include "alternate", "appendix", "bookmark", "chapter", "contents", "copyright", "glossary", "help", "index", "next", "prev", "section", "start", "stylesheet", "subsection". HTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css">
XHTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css" /> |
rev | The rev attribute attribute is a space-separated list which specifies a relationship between the web resource that is pointed to by the link and the current web resource. The relationship is to the current web resource from the linked current web resource. Possible values include "alternate", "appendix", "bookmark", "chapter", "contents", "copyright", "glossary", "help", "index", "next", "prev", "section", "start", "stylesheet", "subsection". |
target | The target attribute specifies a target where the link can be opened. |
type | The type attribute specifies the content type of the web resource that is pointed to by the link. HTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css">
XHTML <link> tag example: <link href="../stylesheets/stylehtml.css" rel="stylesheet" type="text/css" /> |
id | The id attribute assigns a unique name to a tag. This allows style sheets or scripts to reference the tag. See id Example |
class | The class attribute assigns a class name to a tag. The class name does not need to be unique. More than one tag can have the same class name. This allows style sheets or scripts to reference multiple tags with a single class name. See class Example |
style | The style attribute specifies styles for the tag. For Cascading Style Sheets (CSS), the syntax is name:value. Each name:value pair is separated by semicolons. See style Example |
title | The title attribute specifies additional information about the tag. It is common for browsers to display the title when the pointing device stops over the object. See title Example |
onclick | The onclick attribute specifies a script to be run when the object is clicked with a mouse or other pointing device. See onclick Example |
ondblclick | The ondblclick attribute specifies a script to be run when the object is double clicked with a mouse or other pointing device. See ondblclick Example |
onkeydown | The onkeydown attribute specifies a script to be run when a key is pressed down. See onkeydown Example |
onkeypress | The onkeypress attribute specifies a script to be run when a key is pressed and released. See onkeypress Example |
onkeyup | The onkeyup attribute specifies a script to be run when a key is released. See onkeyup Example |
onmousedown | The onmousedown attribute specifies a script to be run when the mouse button, or other pointing device button, is pressed while over the object. See onmousedown Example |
onmousemove | The onmousemove attribute specifies a script to be run when the mouse, or other pointing device, is moved while it is over the object. See onmousemove Example |
onmouseout | The onmouseout attribute specifies a script to be run when the mouse, or other pointing device, is moved away from an object after being over it. See onmouseout Example |
onmouseover | The onmouseover attribute specifies a script to be run when the mouse, or other pointing device, is moved onto the object. See onmouseover Example |
onmouseup | The onmouseup attribute specifies a script to be run when the mouse button, or other pointing device button, is released while over the object. See onmouseup Example |
dir | The dir attribute tells the browser whether the text should be displayed from left-to-right or right-to-left. It does not reverse the direction of the characters, like the <bdo> tag does, but it can help the browser to determine if the text should be aligned on the left side or the right side. See dir Example |
lang | The lang attribute specifies a language. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See lang Example |
xml:lang | The xml:lang attribute specifies a language for XHTML documents. This attribute can help the browser to correctly display text. This attribute can also be useful for braille translation software, speech synthesizers, dictionary definitions, etc. See xml:lang Example Note: XHTML only. |