HTML里img的标签中rel属性有什么用处呢?

HTML里img的标签中rel属性有什么用处呢?,第1张

img很少有人用rel属性的,一般在两种情况下看到

最常见的:

如楼上说的,rel 属性规定当前文档与被链接文档之间的关系

<link type='text/css' href='css.css' rel='stylesheet' />

rel是关联的意思,stylesheet是样式表的意思;它表示这个link在文档初始化时将被使用,渲染页面

另外一个是用作SEO:

<a href="baidu.com" rel="nofollow">百度</a>

这里的rel是用来告诉搜索引擎的爬虫无需追踪目标页,不给目标页传递权重,因为在SEO的角度,如果一篇文章有一个导向其他网站的链接,会给那个链接的页面增加权重,同时损失自身的部分权重,页面权重会影响到页面排名,进而影响网站的访问量。

最后大胆猜测下,不知道对不对

img的标签中rel也可能是搞前端的同学加上去的标识,没有实际意义,只是做的一个记号,区别其他图片,然后可以对其调用。

link 标签 :用于引入外部的文档,常用到引用css样式或icon图标

href 属性 :是外部文档的url

rel属性 :用于指明链接进来的外部对象是什么属性

rel属性的配置表示如下:

Stylesheet -- 定义一个外部加载的样式表

Index -- 当前文档的索引

Icon - 定义一个外部的图标

Alternate -- 定义交替出现的链接

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

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

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

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

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

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


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6115569.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-15
下一篇 2023-03-15

发表评论

登录后才能评论

评论列表(0条)

保存