正文

在css中，link里的rel="stylesheet"是什么意思？

demopy  2022-02-17  496

关键词：

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 -- 词汇

Chapter -- 当前文档的章节

Section -- 作为文档的一部分

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

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

Help -- 链接帮助信息

Bookmark -- 书签

引用css的写法有几种？

...有几种？目前有两种引用方式，一种是通过在head里面的link来引用，另外一种是直接通过import来引用，示例代码如下：第一种：link引用<linkrel="stylesheet"href="/css/mycss.css"/>第二种：@import引用<styletype="text/css... 查看详情

javascript里，$代表什么？/jquery是什么语言？/html中用link标签引入css时的中rel="stylesheet"属性？/el表达式是什么？

JavaScript里，$代表什么？比如说我写一个mouseover事件：$(document).ready(function(){$("p").mouseover(function(){$("p").css("background-color","#333");});}); $只是一个普通字符，由于jQuery的广泛应用，$被当作jQuery的标识符。<html><h 查看详情

html中link的用法

link的用法还有<link后面可以用什么标签HTML<link>标签定义与用法：<link>标签定义文档与外部资源的关系。<link>标签最常见的用途是链接样式表提示和注释：注释：link元素是空元素，它仅包含属性。注释：此元素只... 查看详情

js怎么修改css的链接路径？

<linktype="text/css"rel="stylesheet"href="index-css1.css"><a>更改样式</a>点击“更改样式”href="index-css1.css">会指向href="index-css2.css">引用是用link标签进入的CSS文件。所以可以直接修改link... 查看详情

table中thead固定一直在最上面

链接指南针样式表

StylesheetlinksforCompassgeneratedCSSfiles;ie.css,print.css,andscreen.css,generatedfromrespective.scssfiles.<linkhref="stylesheets/screen.css"media="screen,projection"rel="stylesheet"type="text/css"/><linkhref="stylesheets/print.css"media=&q... 查看详情

网页制作。。请问link到底要放在哪里！！？？

我用dw检测了一下。。。link不管放哪都不对。。。。救命。。。。参考技术A在<head>标签内，就是<head></head>之间---东莞汇鑫参考技术B<linkrel="stylesheet"type="text/css"href="theme.css"/>可以加载一... 查看详情

link标签的rel属性

如何在html中引入外部页面

...file="a.html" -->如果是引入外部的CSS样式表<link rel="stylesheet" href="style.css">如果是引入外部的JS文件<script src="jquery.js"></script>参考技术A页面用<a>标签链一下查看详情

link标签的rel属性

style和link引用css的问题

...;/style>为什么一定要用@import引用这个CSS文件使用传统的link无法引入。请高手赐教！一网站调用CSS代码的方法：方法一：XML/HTML代码<styletype="text/css"><!--@importurl("css/main.css");@importurl("css/font.css");@import... 查看详情

如何根据分辨率调用不同的css文件

...下代码，当宽度小于1000px的时候加载css下的css-mobile.css<link href="css/css-mobile.css" rel="stylesheet" type="text/css" media="screen and (max-width: 1000px)"> 如下代码，当宽度大于1000px的时候加载css下的css-pc.css<link href="css/css-pc.css" rel="st... 查看详情

根据屏幕分辨率是使用不同的css

...率使用不同的CSS文件屏幕分辨率小于768像素时生效：<link rel="stylesheet" media="screen and (max-device-width: 768px)" href="mobile.css">屏幕分辨率大于1000时生效：<link rel="stylesheet"&n... 查看详情

<link rel="alternate" href="" hreflang="en" />

】<linkrel="alternate"href=""hreflang="en"/>【英文标题】：【发布时间】：2019-01-0307:17:39【问题描述】：我对hreflang标记有疑问。我在一个多语言网站工作，该网站有两种语言，意大利语和英语。我想为与意大... 查看详情

<link rel="preload" 的 `type` 值不受支持（字体预加载）

】<linkrel="preload"的`type`值不受支持（字体预加载）【英文标题】：<linkrel="preload"hasanunsupported`type`value(fontspreload)【发布时间】：2018-04-2620:09:40【问题描述】：Mozilla的网络文档Preloadingcontentwithrel="preload"中的以下... 查看详情

thinkphp框架常量的问题

config.php中定义了define("ADMIN_CSS_URL",http://localhost/webPhp/shop/public/Admin/css/);下面页面中链接:获取不到<linkhref="$Think.config.ADMIN_CSS_URLUser_Login.css"type="text/css"rel="stylesheet"/>看到的显示结果是这样的。<l... 查看详情

处理 Rails 中 STI 子类的路由的最佳实践

...问题描述】：我的Rails视图和控制器中充斥着redirect_to、link_to和form_for方法调用。有时link_to和redirect_to在它们链接的路径中是显式的（例如link_to\'NewPerson\',n 查看详情

怎么建立css外部样式文件

...“stylesheet”是什么意思呢范例中呈现的是标准HTML<link>标签嵌入css档案的写法，其中「rel="stylesheet"type="text/css"」所代表的意思，就是告诉浏览器要导入一个在外部的css档案，透过href导入名为xxxx.css的样式... 查看详情