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

时间:2022-02-23 19:45:05

最近在复习我的培训项目学子商城项目的时候在引入外部css的时候忘记加上了rel=stylesheet(因为以前看别人给的模板有所以就加了上去,所以并没有太大印象)

那rel=stylesheet到底起到什么作用呢?

首先,我们要知道Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。

link标签是用于当前文档引用外部文档的,rel属性用于设置对象和链接目的间的关系,其实就是指明你link进来的文件到底是什么东西,

rel各个属性值配置的意思:

Alternate -- 定义交替出现的链接 
              Stylesheet -- 定义一个外部加载的样式表 
              Start -- 通知搜索引擎,文档的开始 
              Next -- 记录文档的下一页.(浏览器可以提前加载此页) 
              Prev -- 记录文档的上一页.(定义浏览器的后退键) 
              Contents 
              Index -- 当前文档的索引 
              Glossary -- 词汇 
              Copyright -- 当前文档的版权 
              Chapter -- 当前文档的章节 
              Section -- 作为文档的一部分 
              Subsection -- 作为文档的一小部分 
              Appendix -- 定义文档的附加信息 
              Help -- 链接帮助信息 
              Bookmark -- 书签

(其实这些我也不知道什么意思,在网上找到,也并没有研究)