Link 标签 rel=Stylesheet的实际作用

没有口水与汗水,就没有成功的泪水。早安!有时,我们以为赢了,其实,我们输了!因为,我们赢了"面子",却输了"里子"!早安!
关于Link标签,相信接触的人都知道相关用法,但是我经常忘记rel的实际作用,这次专门查找了下,记录,以作备用。

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

下面是链接外部样式表
复制代码
代码如下:

<head>
<link rel="stylesheet" type="text/css" rel="nofollow noopener noreferrer" 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.

到此这篇关于Link 标签 rel=Stylesheet的实际作用就介绍到这了。少年人不会抱怨自己如花似锦的青春,美丽的年华对他们说来是珍贵的,哪怕它带着各式各样的风暴。更多相关Link 标签 rel=Stylesheet的实际作用内容请查看相关栏目,小编编辑不易,再次感谢大家的支持!

您可能有感兴趣的文章
css link与@import区别详解

CSS中link和@import的区别说明

全面了解link与import方式的区别

a标签的四个css伪类(link、visited、hover、active)样式理解

在CSS中定义a:link、a:visited、a:hover、a:active正确顺序