Link 标签 rel=Stylesheet的实际作用

昨天给公司做一个简单的官网,很简单的一个静态网站,利用fullpage插件想给首页做一些特效,于是发现了一个问题:

我在引入fullpage的css文件库时少写了rel属性,如下所示:

    <link href="css/fullpage.css">

结果是fullpage根本不生效。

百思不得其解啊,因为脑袋压根没想到问题出在这里,各种debug,后来改成这样就好了。

    <link href="css/style.css" rel="stylesheet">

可别小瞧了这个属性

我查了资料,对它进行了深入了解。

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

下面是链接外部样式表 

代码如下:

<head> 
<link rel="stylesheet" type="text/css" href="theme.css" /> 
</head> 


href 为 URL地址; 

type为链接文件的格式; 

rel 该属性规定当前文档与被链接文档之间的关系。但是,只有 rel 属性的 "stylesheet" 值得到了所有浏览器的支持。其他值只得到了部分地支持。 

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


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

Alternate:Substitute version of the file that contains the link. 
Appendix:Page that is an appendix for the set of pages. 
Bookmark:Bookmark. 
Chapter:Page that is a chapter for a set of pages. 
Contents:Table of contents document. 
Copyright:Copyright notice for the current page. 
Glossary:Glossary for the current page. 
Help:Help document. 
Index:Index document for the current page. 
Next:Next document in a sequence. 
Offline:href that contains a path to the CDF file to be used for an offline favorite. 
Prev:Previous document in a sequence. 
Section:Page that is a section for a set of pages. 
Shortcut:Icon href that contains a path to an icon file to be used for the favorite or link. 
Start:First document of a set. 
Stylesheet:Style sheet. 
Subsection:Page that is a subsection for a set of pages.

posted @ 2017-05-10 17:37  superlife  阅读(1986)  评论(0编辑  收藏  举报