码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-30 20:56:52      阅读:110      评论:0      收藏:0      [点我收藏+]

标签:book   style   font   结果   pen   浏览器   soft   资源   索引   

最近在用link标签引入外部css文件的时候,忘记加上rel=stylesheet,结果css样式显示不出来,疑惑万分。加上这个css效果就出现了。

首先,我们要知道Link标签有两个作用:1. 定义文档与外部资源的关系;2. 是链接样式表。
  link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的,

 rel各个属性值配置的意思:
             Alternate -- 定义交替出现的链接 

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

 

    所以说,我们用这样的方式<link rel="stylesheet" href="css/bootstrap.css">,引入外部的css文件时,一定不能忘记rel属性的配置。

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

标签:book   style   font   结果   pen   浏览器   soft   资源   索引   

原文地址:https://www.cnblogs.com/zouhong/p/11963776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!