元素link

属性

属性	属性值	说明
① href	URI	指定关联资源的URI，除非使用id属性设置一个URI，否则此属性是必需的
② hreflang	语言名称	说明href属性定义的URI（所指向的文档）所用的基础语言
③ type	MIME类型	这个属性给出目标链接地址的内容类型。对于浏览器设置而言，如果它不支持目标类型，则可以通过该属性给出建议。不过建议设计者慎用这个属性，以避免一些意想不到的不便情况（如链接目标的内容类型与所指定的不符）
④ charset	字符集	定义链接目标的字符编码
⑤ rel	链接类型	描述从当前文档到链接资源（href属性的属性值）的关系，可复数指定，属性值之间以空格隔开
⑥ rev	链接类型	描述从链接资源（href属性的属性值）到当前文档的反向链接，可复数指定，属性值之间以空格隔开
⑦ target	目标框架名	指定超链接打开的目标框架名，框架名可以在设置框架时指定。可能会用到的四个预定义名称：_parent表示超链接在上一级窗口中打开，_blank表示在新窗口中打开，_self表示在当前框架或窗口中打开，_top表示在浏览器整个窗口中打开，忽略任何框架
⑧ media	媒体类型	指定所关联资源的媒体类型，即样式信息的目标媒介，在HTML/XHTML中，用于链接CSS（层叠样式表），此时rel属性的取值为stylesheet，type的取值为text/css。Media属性值有： screen：表示媒体类型为普通计算机屏幕； tty：表示有限显示设备，包括远程系统、终端或嵌入式设备； tv：表示低刷新率、有限色彩和单屏电视屏幕； projection：表示投影仪； print：表示打印机（以及计算机屏幕上以打印预览模式显示的文档）； braille：表示盲文回馈系统； aural：表示语音合成器； all：表示适合于所有系统
⑨ 通用属性：id、class、title、style、dir、lang、xml:lang

nbsp;

☆ 关于链接类型

作者可以使用下列被认可的链接类型，它们的常规解释也一并列出。多个链接类型可以用空格隔开，但是链接类型内部不允许使用空白字符。
链接类型不区分大小写。
不过，用户代理器以及搜索引擎等可能通过多不同的方式解译这些链接。例如，用户代理器可以提供一个导航条以便访问链接文档。或者，当链接形式为“Next”时，用户代理器预调入下一个文档来节约处理时间。

链接类型
链接类型	说明
Alternate	为链接的文档指定替代的版本。当与lang属性一起使用时，Alternate意指链接文档是相同文档的翻译版；当与media属性一起使用时，意指链接文档的版本用于不同的媒体类型。该链接类型常用于提供可供选择的样式表
Stylesheet	指向外部样式表（一般是CSS）。它可以和链接类型“Alternate”一起使用，向用户提供可供选择的样式表
Start	这个链接指向一套文档组合中的第一个文档。这个链接告诉搜索引擎哪个文档是作者决定的这套组合的开始点
Next	指向按照线性的顺序下一个文档。浏览器可以预先载入下一个文档来节约处理时间
Prev	指向一系列文章中上一个文档。用些浏览器可能也支持同义词“Previous”
Contents	指向作为目录的文档。用些浏览器可能也支持同义词“ToC”
Index	指向为当前文档提供索引的文档
Glossary	指向作为当前文档术语表出现的文档
Copyright	指向当前文档的版权声明
Chapter	指向文章系列中当前文档的一章
Section	指向文章系列中当前文档的一节
Subsection	指向当前文档的一分段
Appendix	指向当前文档的附录文档
Help	指向一个帮助文档(提供更多信息，参见其它信息等)
Bookmark	这个链接指向一个书签。一个书签是一个外部文档中的关键入口点。例如，在标注书签的时候title属性可能被用到。注意，在每一个文档中都可以定义数个书签

作者也许希望定义其它的链接类型，那么可以使用profile引用用来定义自己的链接类型的约定。参见head元素的profile属性。

例如，当前文档是Chapter2.html，rel属性定义链接文档与当前文档的链接关系：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD>
<TITLE>Chapter 2</TITLE>
<LINK rel="Index" href="../index.html">
<LINK rel="Next" href="Chapter3.html">
<LINK rel="Prev" href="Chapter1.html">
</HEAD>
...the rest of the document...

下面的例子，使用hreflang属性告诉搜索引擎哪里去寻找文档的荷兰语版、葡萄牙语版及阿拉伯语版。

<HEAD>
<TITLE>The manual in English</TITLE>
<LINK title="The manual in Dutch"
type="text/html"
rel="alternate"
hreflang="nl"
href="http://someplace.com/manual/dutch.html">
<LINK title="The manual in Portuguese"
type="text/html"
rel="alternate"
hreflang="pt"
href="http://someplace.com/manual/portuguese.html">
<LINK title="The manual in Arabic"
type="text/html"
rel="alternate"
charset="ISO-8859-6"
hreflang="ar"
href="http://someplace.com/manual/arabic.html">
<LINK lang="fr" title="La documentation en Français"
type="text/html"
rel="alternate"
hreflang="fr"
href="http://someplace.com/manual/french.html">
</HEAD>

link元素最常见的用法是链接外部样式表文件，内部样式表由style元素定义。

范例
下面的例子显示了XHTML文件基础结构：运行代码

运行

打印

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>元素link</title>
<link href="default.css" rel="stylesheet" type="text/css">
<link media="print" title="The manual in postscript" type="application/postscript" rel="alternate" href="http://someplace.com/manual/postscript.ps">
<link rel="Start" title="The first page of the manual" type="text/html" href="index.html">
</head>
<body>
此文档链接了外部样式表default.css <a href="start">the front page</a><hr>Authors may use the LINK element to provide a variety of information to search engines, including:
Links to alternate versions of a document, written in another human language. 
Links to alternate versions of a document, designed for different media, for instance a version especially suited for printing. 
Links to the starting page of a collection of documents. 
The examples below illustrate how language information, media types, and link types may be combined to improve document handling by search engines.
In the following example, we use the hreflang attribute to tell search engines where to find Dutch, Portuguese, and Arabic versions of a document. Note the use of the charset attribute for the Arabic manual. Note also the use of the lang attribute to indicate that the value of the title attribute for the LINK element designating the French manual is in French. 

</body>
</html>