css中rel是什么意思?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

引入外部样式表几乎在每一个网页中都会用到,优点当然是多的很多了,比如可以使表现和代码分离,对网页的修改更加容易和轻松,使网页的内容更加“露骨”的暴露给搜索引擎,可以更容易的被抓取等等,这里就不细说了,下面就进入正题。

先来看段代码,,这里的link大家可能比较容易理解,就像meta等等标签一样来告诉大家这段代码是做什么用的,link表示本页面能和外部页面链接。

Href表示本页面要链接到的地址,在这里可以使相对路径也可以是绝对路径,最好是相对路径。

Type表示的本页面链接到的页面的类型,当然这里是链接到的css样式表。

Rel可能是大家最难理解的一个,rel的英文全称是relation,它的作用就是来说明本页面和链接到的页面的之间的关系。

例:rel=same表示待链接的文件与此文件相同,

rel=next表示待链接的文件为下一页,

rel=parent表示本文件为待链接文件的父文件,

rel=previous则表示待链接的文件为上一页。

rel=stylesheet指定一个固定或首选的样式,定义一个外部加载的样式表

rel是在调用外部css样式时用于定义连接的css文件和HTML文档之间关系的属性。在html文档导入外部css样式时rel属性必不可少。

注意:HTML中只有在使用了 href 属性的情况下才能使用 rel 属性。

更多web开发知识,请查阅 HTML中文网 !!

html css rel,css中rel是什么意思?相关推荐

  1. JavaScript 里,$ 代表什么?/JQuery是什么语言?/html中用link标签引入css时的中 rel=stylesheet属性?/EL表达式是什么?...

    JavaScript 里,$ 代表什么? 比如说我写一个mouseover事件: $(document).ready(function(){ $("p").mouseover(fu ...

  2. 领会CSS,实际中的研究

    虽懂却不会,真是可怕,自认懂却了无. 善用CSS属性选择器 在用于区别和唯一的情况下完全可以使用属性选择器,而没有必要使用class或id p[city="http://www.css.co ...

  3. js和html以及css的区别,html、css、js中的区别与关系

    html.css.js中的区别与关系 2020/04/26 作者: 互盟股份 今天小盟给大家分享的是html.css.js中的区别与关系,相信很多人都不太了解,为了让大家更加了解html.css.js ...

  4. css 识别变量中的换行符_跟我一起全面了解一下CSS变量

    什么是css变量? CSS变量,即CSS variable.官方的名称是级联变量的CSS自定义属性,即CSS custom properties for cascading variables.类似于 ...

  5. 解决vue-awesome-swiper中swiper/css/swiper.css无法导入问题

    0 文章太长懒得看 将语句:import 'swiper/css/swiper.css' 修改为:import 'swiper/swiper-bundle.css' 1 出错原因 报错提示为 * sw ...

  6. css网页布局中文字排版的属性和用法

    前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...

  7. js改变css样式_React 中使用CSS的7种方法

    来源 | https://www.jianshu.com/p/74aa74484579 第一种: 在组件中直接使用style 不需要组件从外部引入css文件,直接在组件中书写. import Reac ...

  8. js修改地址栏url_在gulp、create-react-app中css,js中的文件路径

    我们的项目HTML文件单独放在一个服务器上,静态资源js.css.images放在我们的静态资源服务器上,这样部署后会出现一个问题,css文件中的图片相对路径,在html的服务器上就会变成 //htm ...

  9. css盒模型中margin很牛逼

    css盒子模型,说简单也简单,用的时候也有不简单的. 其中margin的值可以为负值,并且为了实现margin,忽略父级的padding.border.甚至定位.这在布局上很有用,要注意. ----- ...

最新文章

  1. docker ps 列出容器 命令简介
  2. java 字符串数组连接
  3. 从生活角度学习应用程序、虚拟目录、应用程序池(解惑篇)
  4. apache重写规则转Nginx
  5. hibernate底层dao
  6. 012-- mysql的分区和分表
  7. Windows 相关链接
  8. php 编码规范哪些_整理了一份比较全面的PHP开发编码规范.
  9. php增删改查怎么封装,php增删改查封装方法
  10. 安装php-amqplib(RabbitMQ的phpAPI)
  11. 浅显理解*nix下的守护进程机制及fork函数
  12. java定时任务插件_Spring 定时任务插件quartz
  13. mongoDB下载安装
  14. 为防泄密 新加坡政府将断掉公务员的网络连接
  15. 【Visual C++】游戏开发笔记四十一 浅墨DirectX教程之九 为三维世界添彩 纹理映射技术 一
  16. WEB_BASIC---02 CSS概述、CSS语法、CSS选择器、CSS声明
  17. ubuntu开启客户端nfs服务_ubuntu16.04搭建nfs服务的方法
  18. 那些年逃离北京的软件测试员,现在都怎么样了?
  19. SVM算法应用综合练习(2)--人脸微笑识别
  20. stm32F407 ADC

热门文章

  1. linux系统负载查看进程,Linux查看系统的负载
  2. MKS Robin Nano V3.0使用说明书
  3. 出走的门徒之二—摩拜 王晓峰:给岁月以文明
  4. 与sourceinsight媲美的代码阅读工具
  5. 重磅更新丨zCloud 数据库云管平台 v2.5
  6. Linux命令:dpkg【dpkg命令的英文全称是“Debian package”,故名意思是Debian Linux系统用来安装、创建和管理软件包的实用工具】
  7. AAAI2021:面向交通流预测的时空融合图神经网络
  8. HTML无序列表布局
  9. quectel(短消息服务命令)9
  10. MD文档的表情mark