在CSS中,link里 的rel="stylesheet"是什么意思?

rel是relationship的英文缩写,它描述了当前页面与href所指定文档的关系;
stylesheet就是样式表的意思;CSS是 Cascading Style Sheet(级联样式表)的缩写

意思是:

在<link>标签中,“rel=stylesheet”,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用。

rel是Relations的所写 指关联到一个stylesheet(样式表单)。

由于目前的CSS还不能抓取rel与rev的属性值,所以没有办法给不同关系的链接提供不同的样式,所以现在rel与rev只是用来使得网页的语义性更为完善。

Link标签有两个作用:

1. 定义文档与外部资源的关系;2. 是链接样式表。

link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系。

扩展资料

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

Alternate -- 定义交替出现的链接

Stylesheet -- 定义一个外部加载的样式表

Start -- 通知搜索引擎,文档的开始

Next -- 记录文档的下一页.(浏览器可以提前加载此页)

Prev -- 记录文档的上一页.(定义浏览器的后退键)

Contents

Index -- 当前文档的索引

Glossary -- 词汇

Copyright -- 当前文档的版权

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

Subsection -- 作为文档的一小部分

Appendix -- 定义文档的附加信息

Help -- 链接帮助信息

Bookmark -- 书签

原文地址:https://www.cnblogs.com/forforever/p/12343832.html

时间: 2024-08-30 09:31:08

在CSS中,link里 的rel="stylesheet"是什么意思?的相关文章

CSS中link和@import的区别

你对CSS中link和@import的区别是否熟悉,这里和大家分享一下,@import  属性用来指定导入的外部样式表及目标设备类型, link除了调用CSS外还可以有其他作用譬如声明页面链接属性,声明目录,rss等等,而@import就只能 调用CSS. CSS中link和@import有什么区别? 定义  ◆link元素 HTML和XHTML都有一个结构,它使网页作者可以增加于HTML文档相关的额外信息.这些额外资源可以是样式化信息(CSS).导航助手.属于另 外形式的信息(RSS).联系信

外部引用CSS中 link与@import的区别

差别1:link属于XHTML标签,而@import完全是CSS提供的一种方式. link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了. 差别2:加载顺序的差别.当一个页面被加载的时候(就是被浏览者浏览的时候),link引用的CSS会同时被加载,而@import引用的CSS会等到页面全部被下载完再被加载. 差别3:兼容性的差别.由于@import是CSS2.1提出的所以老的浏览器不支持,@import只有在IE5以上的才

CSS中link和@import的区别是:

Link属于html标签,而@import是CSS中提供的 在页面加载的时候,link会同时被加载,而@import引用的CSS会在页面加载完成后才会加载引用的CSS @import只有在ie5以上才可以被识别,而link是html标签,不存在浏览器兼容性问题 Link引入样式的权重大于@import的引用(@import是将引用的样式导入到当前的页面中)

引用外部CSS的link和import方式的分析与比较

很多网页中的 CSS 链接与引用是这样写的: <style type="text/css" media="screen"> @import url("http://www.abaonet.com/abc.css"); </style> 而很多网站使用的都是 link <link rel="stylesheet" rev="stylesheet" href="style

引入CSS方式link和@import的有何区别

外部引用CSS中 link与@import的区别 这两天刚写完XHTML加载CSS的几种方式,其中外部引用CSS分为两种方式link和@import. 本质上,这两种方式都是为了加载CSS文件,但还是存在着细微的差别. 差别1:老祖宗的差别 link属于XHTML标签,而@import完全是CSS提供的一种方式. link标签除了可以加载CSS外,还可以做很多其它的事情,比如定义RSS,定义rel连接属性等,@import就只能加载CSS了. 差别2:加载顺序的差别 当一个页面被加载的时候(就是

可否控制&lt;link type=text/css rel=stylesheet href=style.css&gt;

本篇文章主要介绍了"可否控制<link type=text/css rel=stylesheet href=style.css> ", 主要涉及到可否控制<link type=text/css rel=stylesheet href=style.css> 方面的内容,对于可否控制<link type=text/css rel=stylesheet href=style.css> 感兴趣的同学可以参考一下. 我想在页面中添加<link type=

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

最近在用link标签引入外部css文件的时候,忘记加上rel=stylesheet,结果css样式显示不出来,疑惑万分.加上这个css效果就出现了. 首先,我们要知道Link标签有两个作用:1. 定义文档与外部资源的关系:2. 是链接样式表. link标签是用于当前文档引用外部文档的,其次,这个标签的rel属性用于设置对象和链接目的间的关系,说白了就是指明你链进来的对象是个什么东西的, rel各个属性值配置的意思:              Alternate -- 定义交替出现的链接 Styl

css中的@inport 与link

在html 代码中我们常常用分离的思想引入外部的css文件,常用的方法有2种,@import 语法: <style type="text/css" media="screen"> @import url("text.css"); </style> link  语法: <style type="text/css" > <link href="text.css"/>

【经验】在CSS中定义a:link、a:visited、a:hover、a:active顺序

以前用CSS一直没有遇到过这个问题,在最近给一个本科同学做的项目里面.出现一些问题,搜索引擎查了一些网站和资料,发现很多人问到这个问题,给出的结果我试了试,大部分都不正确. 给出我试的顺序,可能会对大家有一些帮助: 代码 A:link { color: #000000; TEXT-DECORATION: none } A:visited { COLOR: #000000; TEXT-DECORATION: none } A:hover { COLOR: #ff7f24; text-decorat