大家都知道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标签里呢?
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" />这个谁都知道
总的来说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