优质网页小贴士 - 在你的文档中使用 link

作者:ajax
网址:


LINK 元素
HTML 和 XHTML 有种机制能让网页作者添加与一份 HTML 文档相关的额外信息。这些额外的资源可以是样式信息(CSS)、浏览导航帮助、信息的另一种格式(RSS)、联系方式等。

LINK 元素(<link>)被用作在文档前端的 HEAD 元素中添加这些信息。

一个例子
我们来看一个很实用的例子。这是某个天文学网站上的一个页面,内容是描述太阳系的章节中关于地球的那部分。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>Earth - Astronomy Weblog</title>

这是一份 HTML 文档的经典开头代码。

<link rel="Start" href="/solar-system/" />
<link rel="Prev"  href="/solar-system/venus/" />
<link rel="Next"  href="/solar-system/mars/" />

这些 link 能够帮助某些用户代理(浏览器)进行浏览导航。

  • Start 指向本章节的开始处
  • Prev 指向前一项,本例中是金星(Venus)
  • Next 指向后一项,本例中为火星(Mars)
<link rel="Contents" href="/solar-system/contents.html" />

Contents 指向本章节的索引

<link rel="Help" href="/website-help.html" />
Help 能够链接到一个为访客提供网站使用帮助的页面。

<link rel="alternate" type="application/rss+xml" title="RSS" href="/updates.rdf" />
它为 RSS 阅读器找到网站更新的订阅地址提供了可能。请注意,在本文写作时, mime 类型application/rss+xml 仍然是一份草稿“The application/rss+xml Media Type”,而且还没有被 IETF 认可。

<link rel="meta" type="application/rdf+xml" title="FOAF" href="http://astro.example.org/foaf.xrdf" />
它为 FOAF 阅读器找到文档中的元数据(metadata)提供了可能。它可以是作者。请注意,在本文写作时,mime 类型 application/rdf+xml 还没有被 IETF 认可,而且自从上次提议过之后没有更进一步的研究。

<link href="mailto:webmaster@example.org" rev="made" />

这是联系网站作者的一种方法。

<link rel="stylesheet" type="text/css" media="screen" href="/style/astro.css" />

定义你的网站所使用的 CSS 样式表。本例中,我们将该样式表定义为用作屏幕绘制。我们可以为其他媒体定义额外的样式表。

<link rel="alternate" href="/solar-system/earth.fr" hreflang="fr" title="French Translation" />
它使你能够访问该文档的另一种语言的翻译版,本例中是法语版。

</head>
<body>
.... Here the rest of the page.
该代码承上启下,关闭了 head 部分,开启了 body 部分。

这些 link 是为用户代理(浏览器)和其他工具准备的,它们能帮助他人使用你的网站。

延伸阅读

  • HTML 4.01: Description of the LINK element (The semantics of the element is the same for XHTML 1.0)
  • HTML 3.2: LINK element
  • Description of the link types
  • Dive into accessibility: Provide additional navigation aids
  •  

    • ---> 收藏到书签 
     | 这篇【优质网页小贴士 - 在你的文档中使用 link】来自 doc.ajaxeye.com |



    本文相关评论|Comments

    发表该文评论|Send Comment



    关于本文|About The Blog

    这篇 Blog 于 2008-05-12 00:33:00 发布在 Ajax Docs
    上一篇: 优质网页小贴士 - 不要忘记添加 doctype
    下一篇: 没有日志了
    首页