HTML:LINK标记

HTML和XHTML中有一种机制，使网站作者可以在HTML文档中加入相关的外部信息。这些外部信息既可以是样式信息(CSS，层叠样式表单)，也可以是网站的导航辅助讯息，还可以是其它格式的信息源(RSS, Really Simple Syndication)，甚至是站长的联络方式等等。
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文档头。

在浏览器地址栏里面的e图标已经被替代了，变成了href属性指向的图标，当收藏该页时候，收藏夹里的图片也随之改变。

这些链接将有助于在某些客户端程序中的导航。

"Start"给出了章节的起始页面链接
"Prev"给出了上一项的链接，这里指水星
"Next"给出了下一项的链接，这里指火星

"Contents"指向章节索引页面。

"Help"给出了一个帮助文档页面链接，用于向你的浏览者提供一些关于如何浏览你的网站的信息。

这是使RSS阅读器能够查找网站的更新。截至本篇技术提要纂写之时，application/rss+xml的mime-type仍是草案，尚未被IETF(The Internet Engineering Task Force)认可。

这是使FOAF(The Friend of a Friend，POPO注: 即我们所谓的“友友模式”)阅读器能够查看页面文档的元数据(metadata)，可能是作者信息。截至本篇技术提要纂写之时，application/rdf+xml的mime-type仍是草案，尚未被IETF(The Internet Engineering Task Force)认可。

网站作者的联络方式

指定显示网站所用的样式表。比如在这个链接中我们指定了这个样式表用于屏幕渲染输出。此外，我们还可以为其它媒质指定不同的样式表。

这使你可以进入此文档另一个语种的译文页面，示例中将链接到法语页面。

</head>
<body>
.... Here the rest of the page.

结束文档头，开始文档主体。

客户端(比如浏览器)或其它应用程序可以通过以上这些示例中的链接来帮助浏览者更方便有效地浏览你的网站。

附：media属性
screen (缺省值)，提交到计算机屏幕；
print，输出到打印机；
projection，提交到投影机；
aural，扬声器；
handheld，手提式设备，以体积小、单色显示为特征；
braille，提交到凸字触觉感知设备(盲人使用)；
tty，电传打字机 (使用固定的字体)；
tv，电视机；
all，所有输出设备。
多样的媒体通过用逗号隔开的列表或值all指定。

Netscape Navigator 4.x 错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如，MEDIA="screen,projection"会令到样式表被Navigator 4.x忽略，尽管展示的设备是计算机的屏幕。Navigator 4.x 也忽略使用MEDIA=all声明的样式表。

例如：

用media="print"可以专门为打印设置样式。通过这个方法可以免去制作“专门打印页”的烦恼。
很多网站都有类似代码：

<link rel="stylesheet" type="text/css" media="print" href="http://www.w3cn.org/style/print.css" />

这样便可以直接按浏览器上打印按钮，打印出没有菜单和修饰图片的干净的文本。

posted @ 2009-06-26 09:08 三月三阅读(527) 评论(0) 收藏举报

刷新页面返回顶部

三月三.March3

三月三

HTML:LINK标记

公告