今天,我们一起学习a标签rel属性的使用方法及作用,详解如下:
标签rel属性定义
标签rel属性是英文单词“relationship”的缩写,其中文有“关系”的意思;
标签rel属性是用来规范标签的href属性后面链接所指向的目标文档与当前页面的关系;
标签没有使用href属性,则不能使用rel属性;
除标签有rel属性外,、等标签有该属性存在;
浏览器支持情况
所有主流浏览器都支持标签rel属性。
虽然rel属性对于浏览器来说,并没有什么作用,但搜索引擎及相关应用可以利用该属性获得更多有关链接的信息。
标签rel属性的用法
由于rel属性值比较多,而且很多属性值,我们使用并不多,所以,下面我们仅仅是对一些常见的属性值进行举例说明。
1、rel="bookmark"用法
该属性值的本意是书签链接的意思,它是用来规范href属性后面链接所指向的目标文档与当前页面的关系是一个“书签关系”,也可以说是“相关文章”的关系,也有人说是“永久固定连接”的关系。演示代码如下:HTML元素a标签的书写格式及用法详解
使用上面这段代码,表示《HTML元素a标签的书写格式及用法详解》这篇文章与本页面的关系,是一种"相关文章(书签)"的关系。
2、rel="nofollow"用法
该属性是告诉搜索引擎,不要通过该链接传递权重,所以,rel="nofollow"主要是针对搜索引擎而设计的。刘松松博客
在网站页面中的像统计代码、备案号链接、供用户查询等链接,是不需要搜索引擎传递权重的,我们都可以进行nofllow处理。
属性值
在html5中,移除一些属性值,也添加了一些属性值。
rel属性是一个语义上的定义,它并不能影响页面的外观,也几乎没有浏览器以任何方式使用该属性,但是,良好的rel属性可以为搜索引擎提供页面额外的信息,推荐大家正确使用rel。值描述
alternate文档的可选版本(例如打印页、翻译页或镜像)。
stylesheet文档的外部样式表。
start集合中的第一个文档。
next集合中的下一个文档。
prev集合中的前一个文档。
contents文档目录。
index文档索引。
glossary文档中所用字词的术语表或解释。
copyright包含版权信息的文档。
chapter文档的章。
section文档的节。
subsection文档的子段。
appendix文档附录。
help帮助文档。
bookmark相关文档。
nofollow告诉搜索引擎不要传递权重。
licence描述版权
tag标签
friend友情链接