link元素

HTMLXHTML都有一个结构,它使网页作者可以增加于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/" />

这些连接为某些用户端的导航提供帮助。

  • Start提供位置的开始点
  • Prev提供前一个项目,这里是金星
  • Next提供下一个项目,这里是火星
<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阅读器能够找出网站更新回馈。注意,现在这样的写法,applications/rss+xml的MIME类型仍然是applications/rss+xml媒体类型的草稿,而且尚未被IETF接受。

<link rel="meta" 
type="application/rdf+xml"
title="FOAF"
href="http://astro.example.org/foaf.xrdf" />

它使得FOAF阅读器能够找出文档的元数据,可能是作者。注意,现在这样的写法,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.

它关闭头部区域,开始主体区域。

这些连接被用户端(浏览器)和其他程序来帮助人们使用你的网站。

延伸阅读


3条评论

  1. 安利产品特价销售

  2. 安利产品特价销售

  3. 安利产品特价销售

发表评论

评论也有版权!