seo吧+ 关注 关注: 帖子:6

  

HTML网页中页面的rel标记属性用法大全

  • 枫之精英

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

    HTML 4.01 rel属性的用法

    1. rel="canonical": 指定规范链接,当网站有两个以上内容重复的页面时,即告诉搜索引擎该抓取哪个比较权威的页面,链接地址建议采用绝对地址,例如 link rel="canonical" href="http://blog.sina.com.cn/htmlcss3" /。

    2. rel="shortcut icon":指定ico图标,让图标显示在浏览器的地址栏、标题栏中。语法书写如下

      link rel="shortcut icon" href="http://网址/favicon.ico"

    3. rel="alternate":用来定义一个可交替的链接,在IE浏览器下,该属性不被支持。 
      图中用link标签分别定义了两个不同的样式,第一个为首选样式,而第二个用户可通过浏览器自行替换样式。

    4. rel="stylesheet":定义一个外部样式表。

    5. rel="appendix":文档的附录页。HTML5不支持该属性

    6. rel="chapter" :从当前文档链接到一个章节。HTML5不支持该属性

    7. rel="contents":当前文档的内容目录,通常放在主内容的侧栏,方便于各主题之间跳转。 HTML5不支持该属性

    8. rel="copyright":当前文档的版权页或隐私页面。HTML5不支持该属性

    9. rel="glossary":调用到此文档的词汇表。 HTML5不支持该属性

    10. rel="subsection":当前文档的一个小分段。HTML5不支持该属性

    11. rel="section":文档列表中的一个小节。HTML5不支持该属性

    12. rel="help" :帮助的信息文档。

    13. rel="home" :站点主页。

    14. rel="index":当前文档的索引。

    15. rel="next" :文档的下一页、或下一篇,浏览器可以提前加载。

    16. rel="prev" :文档的上一页、或上一篇,定义浏览器的后退键。

    17. rel="start":文档的开始页,即(第一页)。HTML5不支持该属性

    HTML 5 新增的rel属性

    1. rel="noreferrer":该属性可以阻止浏览器发送访问来源信息,即表示让浏览器不发送referrer。

    2. rel="nofollow":指定该链接不被搜索引擎跟踪,意思是某些垃圾页面不想被蜘蛛抓取收录。例如将该属性用在a标签中,则告诉搜索引擎不要抓取这条链接,写法 a href="url路径" rel="nofollow"

    3. rel="bookmark":本网页的书签关系,用作书签的一个永久固定的URL。

    4. rel="archives":历史文档信息。

    5. rel="external":链接到外部文档,即告诉了搜索引擎,该链接不是本站链接。

    6. rel="license":该文档的版权信息。

    7. rel="search":文档内的搜索工具。

    8. rel="author":文档的作者信息,Google比较看重。

    9. rel="first":底部友情链接。

    10. rel="last":链接到集合中最后的文档。

    11. rel="tag":当前文档使用的标签,关键词标记。

    12. rel="up" :提供指向一个文档的链接,该文档提供当前文档的上下文关系。



    1楼  2019/7/3 16:41:01  回复

  发表回复

    发帖