java a 标签中的rel_a标签rel属性的使用方法及作用

本文详细介绍了HTML中a标签rel属性的作用与用法,包括其定义、浏览器支持情况及常见属性值如bookmark与nofollow的使用示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

今天,我们一起学习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友情链接

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值