位置：首页>> 网络编程>> 网页设计>> W3C优质网页小贴士（二）（3）

W3C优质网页小贴士（二）（3）

作者：ZDYX　来源：zdyx.org　发布时间：2008-04-07 12:14:00　

标签：alt,标签,doctype,link,颜色

在你的文档中使用 <link>

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 是为用户代理（浏览器）和其他工具准备的，它们能帮助他人使用你的网站。

第一页上一页 1 2

4 下一页

投稿

W3C优质网页小贴士（二）（3）

在你的文档中使用 <link>

LINK 元素

一个例子

猜你喜欢