文章加密

;

2019年7月14日 星期日

link標籤中的 rel="stylesheet" 不可省略!

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

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

       首先,我们要知道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属性的配置。
---------------------
作者:xixiruyiruyi
来源:CSDN
原文:https://blog.csdn.net/xixiruyiruyi/article/details/53392797
版权声明:本文为博主原创文章,转载请附上博文链接!

沒有留言:

張貼留言