href 属性 :是外部文档的url
rel属性 :用于指明链接进来的外部对象是什么属性
rel属性的配置表示如下:
Stylesheet -- 定义一个外部加载的样式表
Index -- 当前文档的索引
Icon - 定义一个外部的图标
Alternate -- 定义交替出现的链接
Start -- 通知搜索引擎,文档的开始
Next -- 记录文档的下一页.(浏览器可以提前加载此页)
Prev -- 记录文档的上一页.(定义浏览器的后退键)
Glossary -- 词汇
Copyright -- 当前文档的版权
Chapter -- 当前文档的章节
Section -- 作为文档的一部分
Subsection -- 作为文档的一小部分
Appendix -- 定义文档的附加信息
Help -- 链接帮助信息
Bookmark -- 书签
rel 是relationship的缩写,该属性通常在 link标签 与 a标签中出现,它与rev都是用于定义当前文档与被链接文档之间的关系,说的通俗点就是通过rel属性,我们告诉了搜索引擎,被链接的对象是个什么样的文件。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也可能是搞前端的同学加上去的标识,没有实际意义,只是做的一个记号,区别其他图片,然后可以对其调用。