会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | QQ在线咨询
扫一扫添加微信咨询
咨询电话:199-4385-7008
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 实例讲解 >> HTML语言中的rel属性有什么作用?

实例讲解

HTML语言中的rel属性有什么作用?

发布时间:2017-03-29 15:28:43 来源: 点击数:2973
摘要:rel 是relationship的缩写,该属性通常在 link标签 与 a标签中出现,它与rev都是用于定义当前文档与被链接文档之间的关系,说的通俗点就是通过rel属性,我们告诉了搜索引擎,被链接的对象是个什么样的文件。rel属性中还包括了许多可选值,一起来认识下这些属性值都有哪些功能吧!

html语言中的 rel属性 是什么?

rel 是relationship的缩写,该属性通常在 link标签 与 a标签中出现,它与rev都是用于定义当前文档与被链接文档之间的关系,说的通俗点就是通过rel属性,我们告诉了搜索引擎,被链接的对象是个什么样的文件。rel属性中还包括了许多可选值,一起来认识下这些属性值都有哪些功能吧!

html 4.01 rel属性的用法
rel="canonical":指定规范链接,当网站有两个以上内容重复的页面时,即告诉搜索引擎该抓取哪个比较权威的页面,链接地址建议采用绝对地址,例如 link rel="canonical" href="http://blog.sina.com.cn/htmlcss3" /。
rel="shortcut icon":指定ico图标,让图标显示在浏览器的地址栏、标题栏中。语法书写如下
link rel="shortcut icon" href="http://网址/favicon.ico"

rel="alternate":用来定义一个可交替的链接,在ie浏览器下,该属性不被支持。
图中用link标签分别定义了两个不同的样式,第一个为首选样式,而第二个用户可通过浏览器自行替换样式。
rel="stylesheet":定义一个外部样式表。
rel="appendix":文档的附录页。html5不支持该属性
rel="chapter" :从当前文档链接到一个章节。html5不支持该属性
rel="contents":当前文档的内容目录,通常放在主内容的侧栏,方便于各主题之间跳转。 html5不支持该属性
rel="copyright":当前文档的版权页或隐私页面。html5不支持该属性
rel="glossary":调用到此文档的词汇表。 html5不支持该属性
rel="subsection":当前文档的一个小分段。html5不支持该属性
rel="section":文档列表中的一个小节。html5不支持该属性
rel="help" :帮助的信息文档。
rel="home" :站点主页。
rel="index":当前文档的索引。
rel="next" :文档的下一页、或下一篇,浏览器可以提前加载。
rel="prev" :文档的上一页、或上一篇,定义浏览器的后退键。
rel="start":文档的开始页,即(第一页)。html5不支持该属性
html 5 新增的rel属性
rel="noreferrer":该属性可以阻止浏览器发送访问来源信息,即表示让浏览器不发送referrer。
rel="nofollow":指定该链接不被搜索引擎跟踪,意思是某些垃圾页面不想被蜘蛛抓取收录。例如将该属性用在a标签中,则告诉搜索引擎不要抓取这条链接,写法 a href="url路径" rel="nofollow"
rel="bookmark":本网页的书签关系,用作书签的一个永久固定的url。
rel="archives":历史文档信息。
rel="external":链接到外部文档,即告诉了搜索引擎,该链接不是本站链接。
rel="license":该文档的版权信息。
rel="search":文档内的搜索工具。
rel="author":文档的作者信息,google比较看重。
rel="first":底部友情链接。
rel="last":链接到集合中最后的文档。
rel="tag":当前文档使用的标签,关键词标记。
rel="up" :提供指向一个文档的链接,该文档提供当前文档的上下文关系。

热门推荐

客服热线(8:00-23:00)

133 4385 7008

在线QQ客服:3316841367 张老师
微信账号:laozhangsoft123

微信公众号