link标签有什么其它用途?

时允
  • 4.9k

大家都知道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标签里呢?

回复
阅读 6.1k
1 个回答
✓ 已被采纳

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

你知道吗?

宣传栏