link标签有什么其它用途?

大家都知道css就是用link标签链接到文档里的,但是除了引用css之外,link还有什么用呢?

我google了一下,link的rel和rev属性可以有一下几个值:

  • alternate
  • appendix
  • bookmark
  • chapter
  • contents
  • copyright
  • glossary
  • help
  • home
  • index
  • next
  • prev
  • section
  • start
  • stylesheet

但这些属性一般在什么场景才会使用呢?
设置后对SEO有帮助吗?
设置为bookmark可以和浏览器的书签管理器交互吗?
如果我想在html中插入一段json数据,是不是可以放在link标签里呢?

阅读 5.8k
评论
    1 个回答
    • 3.2k

    link是用来标签定义文档与外部资源的关系。其中,rel定义当前文档与被链接文档之间的关系;rev定义被链接文档与当前文档之间的关系。
    rel就是relationship的缩写,rev则是rel的反向描述,非必需属性。

    举几个比较常见的用法:
    <link rel="stylesheet" href="*.css"/>指被link链接的css文档是本文档的样式描述文件。
    <link rel="author license" href="/about"/>指/about页面包含当前文档的作者介绍和版权约定文件。
    <link rel=alternate href="/en/html" hreflang=en type=text/html title="English HTML"/>指/en/html页面是本文档的另一个(英语)版本。
    <link rel="next" rev="prev" href="02.html"/>指02.html是本页面的下一页,本页是02.html的上一页。
    <link rel="bookmark" type="image/x-icon" href="/bookmark.ico"/>可以用来描述bookmark.ico本网页作为收藏时的图标文件。
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />这个谁都知道

    • alternate 文档的替代版本(比如打印页、翻译或镜像)。
    • stylesheet 文档的外部样式表。
    • start 集合中的第一个文档。
    • next 集合中的下一个文档。
    • prev 集合中的上一个文档。
    • contents 文档的目录。
    • index 文档的索引。
    • glossary 在文档中使用的词汇的术语表。
    • copyright 包含版权信息的文档。
    • chapter 文档的章。
    • section 文档的节。
    • subsection 文档的小节。
    • appendix 文档的附录。
    • help 帮助文档。
    • bookmark 相关文档。

    总的来说link是面向机器可读的,可以从一定程度上维护相关文档资源的关联性,主要用于内容作者自行对文档内容进行组织,以便于网页的机器自动识别。虽然不是为了seo涉及,但在索引时会有一定的权重作用。
    rel(和rev)的值并非只允许有限的指定值,可按需扩展。但通常只有上述值能较好地为机器识别。

    link是对文档描述性标签,不适宜也不建议以内容填充。

    参考:
    http://www.w3.org/TR/html5/document-metadata.html#the-link-element
    http://www.w3school.com.cn/tags/tag_link.asp

      相似问题
      推荐文章