电脑技术学习

A Link 链接的rel、target属性详解

dn001


那么rel与rev有哪些关系呢?下面将一一列取并解释其中的含义:

;

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
   next,链接到下一个文档;
prev,链接到前一个文档;
head,链接到集合中的顶级文档;
toc,链接到集合的目录;
parent,链接到源上面的文档;
Child,链接到源下面的文档;
index,链接到此文档的索引;
glossary,链接到此文档的术语表;


其中next与prev是一组。表明了当前文档与目标文档之前的关系是同级的关系,可以写成这样

;

div css xhtml xml Example Source Code Example Source Code [www.52css.com]
   <a;href="movie_002.htm";rel=next;rev=prev>


head与toc可以形成一个组合,表示者是由目录链接到最终的文档,或是由文档链接到目录。parent与child是一组,表示着由当前的文档链接到父级文档或是子级文档。而index与glossary可以与head分别组合,形成由文档到索引,或是由索引到文档;文档到术语表或是术语表到文档。

也许这样讲可能还是不很清楚,下面举个例子:我这里整理了一个电影文档资源,那么我需要对这些资源进行分类,我把电影分成:武侠片、战争片、爱情片、恐怖片、纪录片。那么我在电影根目录需要链接到下面的子类的时候那么链接的关系应该是:rel=child;rev=parent;,而如果当前是武侠片的频道页,我需要转爱情片频道或是其它频道时,那么链接关系就应该是:rel=next;rev=prev,当我们由一个武侠片链接到“卧虎藏龙这部电影的文档时链接的关系应该是:rel=head;rev=toc,当由“卧虎藏龙链接到索引的时候链接关系又变成了:rel=index;rev=head。

由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善。

标签: