HTML <a> 标签的 rel 属性

转载 2013年12月02日 15:38:33


定义和用法

<a> 标签的 rel 属性用于指定当前文档与被链接文档的关系。

用于 <a> 标签的可选属性 rel 和 rev 分别表示源文档与目标文档之间正式的关系和方向。rel 属性指定从源文档到目标文档的关系,而 rev 属性则指定从目标文档到源文档的关系。这两种属性可以在 <a> 标签中同时使用。

rel 或 rev 属性的值都是以空格分隔的关系列表。实际的关系名和它们的含义取决于你自己:HTML 或 XHTML 标准并没有正式提出这两种属性。例如,一系列文档中的某个文档可能会在链接中包含它的关系:

<a href="part_12.html" rel="next" rev="prev">

从源到目标的关系是移动到下一个文档,而从目标到源的关系则是返回前一个文档。

提示:创作者也许希望定义 W3C 中没有描述过的其他链接类型。如果这样做的话,则应该使用 profile 来引用用于定义链接类型的约定。如需获得更多信息,请参阅 head 元素的 profile 属性。

实例

带有 rel 属性的链接:

<a rel="friend" href="http://www.w3c.com/">w3c</a>

亲自试一试

浏览器支持

几乎没有浏览器支持 rel 属性。

注释:虽然在理论上讲,浏览器可以利用 rel 和 rev 属性改变锚内容的外观、或者自动构建文档浏览菜单,其他工具也可以使用这些属性来构建特殊的链接集合、目录和索引,但是只有极少数浏览器才会利用这些属性来改变链接的外观。

提示:尽管浏览器不会以任何方式使用该属性,不过搜索引擎可以利用该属性获得更多有关链接的信息。

语法

<a rel="value">

属性值

描述
alternate 文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet 文档的外部样式表。
start 集合中的第一个文档。
next 集合中的下一个文档。
prev 集合中的前一个文档。
contents 文档目录。
index 文档索引。
glossary 文档中所用字词的术语表或解释。
copyright 包含版权信息的文档。
chapter 文档的章。
section 文档的节。
subsection 文档的子段。
appendix 文档附录。
help 帮助文档。
bookmark 相关文档。
   
nofollow Google 使用 "nofollow",用于指定 Google 搜索引擎不要跟踪链接。
licence  
tag  
friend  

注释:上面这些关系也用在文档的 <head> 中的 <link> 标签里。<link> 标签无需实际创建一个指向目标文档的链接就可以创建关系;<a> 标签则要创建链接,并在其中加入关系属性。

HTML链接和Web创建超链接<a>标签之rel和rev属性

用于标签的可选的rel和rev属性分别表示源文档和目标文档之间正式的关系和方向。      rel属性指定从源文档到目标文档的关系,而rev属性则指定从目标文档到源文档的关系。   ...

<link>标签的rel属性详解

标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中, 标签没有结束标签。在 XHTM...

<link>标签的rel属性详解

标签定义了当前文档与 Web 集合中其他文档的关系。link 元素是一个空元素,它仅包含属性。此元素只能存在于 head 部分,不过它可出现任何次数。在 HTML 中, 标签没有结束标签。在 XHTM...
  • czw2010
  • czw2010
  • 2014年11月08日 19:31
  • 11338

<link>标签的rel属性全解析

rel是Relations的所写 指关联到一个stylesheet(样式表单)     只写一个就可以了,由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的...

HTML标签属性大全

  • 2012年08月07日 15:18
  • 81KB
  • 下载

Link 标签 rel=Stylesheet的实际作用

Link标签有两个作用 一是定义文档与外部资源的关系、二是链接样式表 Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。 下面是链接外部样式表 复制代码 代码如下...
  • pql925
  • pql925
  • 2016年07月26日 15:15
  • 168

HTML a 标签的 target 属性.doc

  • 2012年12月08日 19:59
  • 41KB
  • 下载

html标签属性大全

  • 2014年03月09日 21:28
  • 84KB
  • 下载

HTML 学习笔记(二)frameset、frame、iframe、#……id、.……class、<link rel=……、url("……")

……   id选择器 #red {color:red;} #green {color:green;}< …… 这个段落是红色。 这...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:HTML <a> 标签的 rel 属性
举报原因:
原因补充:

(最多只允许输入30个字)