在HTML网页头部添加一些属性的重要性

80酷酷网    80kuku.com

  网页

HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息。这些额外资源可以是样式化信息(CSS)、导航助手、属于另外形式的信息(RSS)、联系信息等等。

LINK元素(link)用来在你的文档头部的<head>元素区增加这些元素。

让我们来看看一个实际的例子,一个天文学网站的一个页面。这个页面关于地球在太阳系中的位置。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "">
<html xmlns="" 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="" />

它使得FOAF阅读器能够找出文档的元数据,可能是作者。注意,现在这样的写法,application/rdf+xml尚未被IETF接受,而且再也不会有进展自从最后一条提案通过后。

<link href="" 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.

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

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



分享到
  • 微信分享
  • 新浪微博
  • QQ好友
  • QQ空间
点击: