html/css相对路径引用/、../、../../、/..、/../..、同级、下级、标准写法

最新推荐文章于 2024-07-14 03:38:57 发布
最新推荐文章于 2024-07-14 03:38:57 发布
阅读量2.7w 收藏 42
点赞数 16
分类专栏： HTML5 文章标签： html css 相对路径引用 同级 下级
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NEET007/article/details/51986587
版权

/ 代表根目录，慎用
../ 代表上一级目录
../../ 代表上两级目录
/.. 代表下级目录
/../.. 代表下两级目录

标准写法：
同级 直接引用文件名
<link rel="stylesheet" type="text/css" href="theme0.css" />

下级 同级目录/下级目录/文件名
<link rel="stylesheet" type="text/css" href="css/theme0.css" />

NEET007
关注
  • 16
    点赞
  • 踩
  • 42
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
本地情况下 HTML文件中 五种相对路径（无点无斜杠、/、./、../和多个../） 的区别。
前端小白 阳阳 的博客
05-05 5438
背景介绍 Hi！我是前端小白 阳阳！为了记录学习心得并帮助有需要的你我他少走弯路节省时间，我写下这篇博客来简单粗暴的总结下 本地情况下 HTML文件中 五种相对路径（无点无斜杠、/、./、…/和多个…/） 的区别。 下面我们以 在index.html文件中引入style.css样式表 为例来进行讲解。 经验总结 一.无点无斜杠=一点一斜杠=当前文件所在目录： 背景： index.html文件在st...
html中相对路径怎么写,什么是相对路径？相对路径的具体写法和用法
热门推荐
weixin_31925685的博客
05-30 2万+
之前，我们已经介绍了什么是绝对路径？绝对路径的具体写法和用法，今天，我们就一起来看看，有关相对路径的知识以及相对路径的具体写法和用法吧！什么是相对路径？相对路径是指以当前文件资源所在的目录为参照基础，链接到目标文件资源(或文件夹)的路径。假设，我们在一个A文件(比如a.html)中，链接另一个B文件(比如b.html)，也可以说是，当前文件A引用目标文件B，那么，相对路径就是以当前文件A所在的目录...
java中跟src同级目录怎么写相对路径
最新发布
weixin_42699679的博客
07-14 38
解决Java中跟src同级目录的相对路径问题 在Java编程中，我们经常需要引用项目中的其他文件或资源。当这些文件或资源与我们的代码文件（通常在src目录下）不在同一层级时，我们就需要使用相对路径来引用它们。本文将介绍如何在Java中处理跟src目录同级的文件的相对路径问题，并提供一个示例来演示该过程。 问题描述 假设我们...
一文读懂python同级目录的调用附Demo（详细解读）
码农研究僧的博客
05-29 1010
出现 ImportError: attempted relative import with no known parent package 错误的原因是 Python 无法识别当前脚本的父包，因此相对导入失败 要解决这个问题并理解其背后的原理，需要了解以下几点： 原理分析 相对导入的限制： 相对导入（例如，from …module import something）只能在包（包含 __init__.py 文件的目录）中使用 当运行脚本时，如果它所在的包没有正确识别，Python无法解析相对导入
uni-app 学习笔记（三）uni-app中的各种引用
qq_44648936的博客
04-12 5469
一、组件引用 组件的引用有三种办法 1、默认写法，即导入——注册——使用 2、vue3使用了新的语法糖，优化了步骤 3、uni-app继续优化为一步，引入easycom机制 但是这种优化是有条件的，页面直接使用，需要符合components/组件名称/组件名称.vue目录结构，这样才可以直接在页面中使用 举个栗子 新建components目录和test组件 <template> <view class="content"> <button type="p
HTML相对路径的写法
天天向上
12-16 2603
今天写ＨＴＭＬ的时候，发现自己写的ｓｒｃ路径并不能成功显示图片。 文件是这样放的： 　 代码是这样写的： <img alt = "1观察波形.png" src = "/实验一/1观察波形.png"</img> 得到的结果是这样子的： 　　后来尝试了好久，看了这个说明： 　　https://jingyan.baidu.com/article/2c8c281d805f800008252ad7.html 　　实例中有以下情况： 　　１．图片ｐｉｃ．ｐｎｇ和网页Ｈｉ．ｈｔｍｌ在同一文件夹里。　
js、css外部文件的相对路径问题
不积跬步，无以至千里
05-30 2961
如果js、css外部文件有使用到相对路径时，需要注意其相对路径的基准是不一样的。 比如说，在index.html中引用到了外部的js和css文件，这两个文件都通过相对路径引用了某一张图片；这些文件所在的目录如下： . ├── js | └── index.js ├── css | └── index.css ├── images | └── bg.jpg └── index.h...
HTML 相对路径和绝对路径
weixin_30260399的博客
03-23 169
相对于文件自身出发，就是相对路径。 跳出当前目录使用../ ◆文件和图片（html文档）在同一个目录(文件夹) ，直接写文件名。 ◆图片（html文档）在文件在下一级目录里。文件夹名称+/+图片（html）名称 ◆图片（html）在文件的上一级目录里，..+/+图片（html）名称 ◆图片在文件的上一级的其他目录里，../文件夹名称/图片名称 ...
HTML相对路径写法
藓类少女的博客
04-06 2161
我们现在建一个源文件info.html，在info.html里要引用index.html文件作为超链接。 如果源文件和引用文件在同一个目录里，直接写引用文件名即可 假设info.html路径是：c:/Inetpub/wwwroot/sites/blabla/info.html 假设index.html路径是：c:/Inetpub/wwwroot/sites/blabla/index.htm...
相对路径的引用
power0405hf的专栏
05-27 602
由于不同浏览器对相对路径的解析不同，所以，最好统一从根目录开始 即： /x/y/z… /代表根目录
前端Vue常见面试题大全.docx
02-01
- **学习曲线：** Vue 的学习曲线相对平缓，适合快速上手；React 需要理解 JavaScript ES6+ 和 JSX。 **使用场景：** - **Vue：** 适用于希望快速开发出功能齐全且易于维护的应用程序的小团队或个人开发者。 - **...
路径跳转问题.txt
08-26
- **设置`<base>`标签**：将计算出的基本路径赋值给`<base>`标签的`href`属性，使得该页面内所有相对路径都基于此基本路径进行解析。 #### 四、实际应用场景 - **资源引用简化**：通过设置`<base>`标签，可以简化...
HTML5 SVG水波纹背景图形特效.zip
10-08
CSS3引入了许多新的选择器、布局模式和动画功能，使得实现这样的视觉效果变得相对容易。 总结来说，“HTML5 SVG水波纹背景图形特效.zip”是一个包含HTML5、SVG、jQuery和CSS特效的综合示例。开发者可以通过研究这个...
关于vue.js发布后路径引用的问题解决
10-19
在Vue.js开发过程中，我们经常会遇到在项目打包发布后，静态资源（如CSS、JavaScript文件）的路径引用出现问题。这主要是因为Vue CLI在构建（build）项目时，根据配置生成的路径是相对基础URL的，当项目部署在非根...
前端面试题CSS、HTML、JavaScript、HTTP、Vue....zip
10-10
在前端开发领域，掌握CSS、HTML、JavaScript、HTTP协议以及框架如Vue.js是至关重要的。以下是对这些关键知识点的详细阐述： **CSS（层叠样式表）** CSS是用于描述HTML或XML（包括如SVG、MathML等各种XML方言）文档...
HTML相对路径(Relative Path)和绝对路径(Absolute Path)
freshman_2007的专栏 已搬家至hi.baidu.com/oritenson
09-10 784
html5相对路径写法,相对路径写法
weixin_32557949的博客
06-03 1005
相对路径几种查找方式(1)同级直接编写, 例如:girl.png加上./ 编写, 例如./girl.png./代表当前目录,./girl.png代表在当前目录下查找(2)下级直接编写, 例如abc/girl.png加上./ 编写, 例如./abc/girl.png相对当前目录有几个文件夹,就在后面依次补全几个文件夹名称即可, 例如abc/bbb/ccc/ddd/girl.png或./abc/bbb...
详解HTML的相对路径写法
绝圣弃智-零的博客
03-28 7753
如何表示上级目录 ../表示源文件所在目录的上一级目录，../../表示源文件所在目录的上上级目录，以此类推。 假设info.html路径是：c:\Inetpub\wwwroot\sites\blabla\info.html 假设index.html路径是：c:\Inetpub\wwwroot\sites\index.html 在info.html加入index.html超链接的代码应该...
HTML引用外部css的路径
Ada_lake的博客
05-08 1万+
HTML引用外部css，其实说简单点就是 href 内填入路径即可 然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。 索性就把情况都归纳一下 1. html,css 在同一文件夹下 直接引用css的名字即可，因为在当前路径之下 2. html,css 在同一文件夹下 ，但！css在该文件夹的子！文件夹下 在引用css的名字前加上子文件夹名字即可，相当于顺着找就能找出这个css ...
html 引入css/login-page/pc.css
09-07
这是一个HTML文件引入一个名为"pc.css"的CSS文件的示例。在HTML文件中，您需要使用<link>元素来引用CSS文件，如下所示： ```html <head> <link rel="stylesheet" type="text/css" href="css/login-page/pc.css"> </head> ``` 在这个例子中，<link>元素的rel属性被设置为"stylesheet"，表示这是一个样式表文件。type属性被设置为"text/css"，表示文件类型为CSS。href属性指定了文件路径，这里是相对路径"css/login-page/pc.css"，这意味着"pc.css"文件位于项目根目录下的"css/login-page/"文件夹中。 这样，在HTML文件加载时，它将自动下载和应用"pc.css"文件中的样式规则。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值