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

html-css011

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也可能是搞前端的同学加上去的标识,没有实际意义,只是做的一个记号,区别其他图片,然后可以对其调用。

这是w3c的标准

rel: 属性用于定义连接的文件和HTML文档之间的关系

type: 是说明外链文档的的类型

href: 导入css文件的路径

备注:导入css文件 前面两个属性不需要改 就只需改 href 对应的CSS文件路径 <link>标签 一般都放在头部的<head>标签里

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

你上面的like 应该是打错了吧?是link吧?

rel属性(relation),描述了当前页面与href所指定文档的关系