link 标签中“rel=stylesheet”的作用

学习笔记 2017/11/10 前端设计, HTML, CSS

        在用link标签引入外部css文件的时候,忘记加上rel=stylesheet,可能导致结果css样式显示不出来。加上这个css效果就出现了。

       那rel=stylesheet又是何方神圣呢?

       首先,我们要知道Link标签有两个作用:

                1. 定义文档与外部资源的关系;

                2. 是链接样式表。

       link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的。

定义和用法

rel 属性规定当前文档与被链接文档之间的关系。


浏览器支持

只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。


语法


属性值

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



本文地址:https://www.stayed.cn/item/49

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见,何事秋风悲画扇。