元素link

HTML文件的基本结构

previous page next page
link
适用DTD：Strict Transitional Frameset   适用浏览器：All
释义 文件资源关联（link to external files）

语法
<link 属性="属性值">

说明
link元素用来定义链接，指出其它文件或资源与当前文档之间的关联关系
link为head的子元素，必须置于head元素标签内容中，而且出现次数可以不只一次
link为空元素，在HTML中没有终止标签

属性
属性 属性值 说明
① 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&ccedil;ais"
type="text/html"
rel="alternate"
hreflang="fr"
href="http://someplace.com/manual/french.html">
</HEAD>

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

示范
链接一个外部样式表：
<link href="style.css" rel="stylesheet" type="text/css" media="screen">

范例
下面的例子显示了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><p>Authors may use the LINK element to provide a variety of information to search engines, including:</p>
<p>Links to alternate versions of a document, written in another human language. <br>
Links to alternate versions of a document, designed for different media, for instance a version especially suited for printing. <br>
Links to the starting page of a collection of documents. <br>
The examples below illustrate how language information, media types, and link types may be combined to improve document handling by search engines.</p>
<p>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.<br>
</p>
</body>
</html>
链接与搜索引擎 作者可以使用link元素向搜索引擎提供多样的信息，比如：
  • 链接文档的其它版本，如另外一种国家语言书写的文档；
  • 链接用于不同的媒体类型的文档版本，例如指定适合打印版本的文档；
  • 链接文档系列中的起始点。

参阅
URI
style

previous page start next page