The most important attributes are href
, which points to the linked file, and rel
, which describes the relationship(s) from the source document to the target document. The rev
attribute describes the reverse relationship(s) (from the target back to the source).
A variety of attributes make the link
element very versatile, but it is not currently used to its full potential. By far, the most popular application of the link
element is for referring to an external style sheet. In this example, the type
attribute identifies the MIME content type of the linked document as a Cascading Style Sheet, which is required in XHTML:
<head><link href="wholesite.css" rel="stylesheet" type="text/css" />
</head>
Note the use of the "/
" at the end of the link element
to explicitly mark it as an empty element for XHTML, while leaving a space before the "/
" for compatibility with Version 4 browsers.
Another use as recommended in the HTML 4.01 specification is to refer to an alternate version of the document in another language. The following example creates a link to a French version of the document:
<head> <link rel="alternate" href="translations/french.html" type="text/html" hreflang="fr" /> </head>
By using the next
and prev
values for the rel
attribute, you can establish the document’s position in a sequence of documents, as shown in the next example. This information could be used by browsers and other tools to build navigation menus, tables of contents, or other link collections.
<head> <title>Chapter ...
Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.