HTML and CSS Reference
In-Depth Information
Under a few browsers, such as Opera, these link relationship values are recognized and
placed in a special navigation menu. For example, given the example here
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>
Link Relationship Examples
</title>
<link rel="home" href="http://htmlref.com" title="Homepage">
<link rel="toc" href="http://htmlref.com/chapters/toc.html"
title="Table of contents">
<link rel="help" href="http://htmlref.com/help.html" title="Need help?">
<link rel="copyright" href="http://www.htmlref.com/copyright.html"
title="Copyright statement">
<link rel="author" href="http://htmlref.com/about/author.html"
title="About the author">
</head>
<body>
<p>
Testing link element rel values
</p>
</body>
</html>
when viewed in a supporting browser like Opera, you might have special buttons to
navigate a site:
Unfortunately, the reality is that over time fewer browsers have supported these
link
element features.
The most commonly used
rel
values from Table 3-22 are described here in more depth.
Certainly, the most common use of this attribute is to specify a link to an external style
sheet. The
rel
attribute is set to
stylesheet
, and the
href
attribute is set to the URL of an
external style sheet to format the page:
<link rel="stylesheet" type="application/pdf" href="/css/global.css">
The
alternate
stylesheet
relationship, which would allow users to pick from a
variety of styles, also is defined. To set several alternative styles, the
title
attribute must be
set to group elements belonging to the same style. All members of the same style must have
exactly the same value for
title
. For example, the following fragment defines a standard