大家都知道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链接的css文档是本文档的样式描述文件。
指/about页面包含当前文档的作者介绍和版权约定文件。
指/en/html页面是本文档的另一个(英语)版本。
指02.html是本页面的下一页,本页是02.html的上一页。
可以用来描述bookmark.ico本网页作为收藏时的图标文件。
这个谁都知道
•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
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。