1、绝对路径和相对路径是什么?
相对路径:以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。
绝对路径:以Web 站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
2、路径特殊符号
以下为建立路径所使用的几个特殊符号,及其所代表的意义。
"." -- 代表目前所在的目录,相对路径。 如:<a href="./abc">文本</a> 或 <img src="./abc" />
".." -- 代表上一层目录,相对路径。 如:<a href="../abc">文本</a> 或 <img src="../abc" />
"../../" -- 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />
"/" -- 代表根目录,绝对路径。 如:<a href="/abc">文本</a> 或 <img src="/abc" />
"D:/abc/" -- 代表根目录,绝对路径。
在使用相对路径时,我们用符号“.”来表示当前目录,用符号“..”来表示当前目录的父目录。
3、通俗讲解路径
绝对路径顾名思义,填写绝对目录路径地址那就叫绝对路径,通常我们直接使用"/"代表从根目录开始的目录路径,这个叫绝对路径。
相对路径顾名思义,填写目录时候以填写目录文件为参考,使用“../”或"./"指向上一级 或 使用"../../"指向上上一级叫相对路径。
引用者 被引用者 相对路径 绝对路径
url1.htm divcss5.gif ../SubDir2/BeRef1.gif /Dir1/SubDir2/BeRef1.gif
url2.htm divcss5.gif ../../Dir1/SubDir2/ BeRef1.gif /Dir1/SubDir2/ BeRef1.gif
url3.htm abc1.htm ../../Dir2/ abc1.htm /Dir2/abc1.htm
url4.htm abc2.htm ../abc2.htm /Dir2/abc2.htm
说明:
我们使用“/”、“../”、“../../”分别样式和介绍图片路径和网址路径之间 相对于绝对路径关系。
4、绝对路径和相对路径的作用是什么?
相对路径和绝对路径都可相互转换,转换时候注意正确路径即可,作用在于有效链接路径。
相对路径与绝对路径与CSS关系?
1、我们在CSS中引入图片地址的时候就可能用到相对路径与绝对路径
2、我们在DIV+CSS的html中在HTML引入CSS文件、引入添加图片的时候 就会用到相对路径与绝对路径
分享到:
相关推荐
windows下tree命令生成的文件解析为绝对路径的工具 windows下tree命令解析为树形结构想变成绝对路径,用Excel解析了 把生成的文件从第三行复制到EXCEL即可
JAVA 文件中获取项目的相对路径 在 JAVA 文件中获取项目的相对路径是非常重要的,特别是在 ...通过了解绝对路径和相对路径的概念,我们可以更好地获取当前应用的相对路径和绝对路径,从而更好地处理文件和目录的操作。
最全最清楚的Java 以及JavaEE 相对路径和绝对路径解析,能让我们正确使用相对路径
windows下tree命令生成的文件解析为绝对路径的工具 windows下tree命令解析为树形结构想变成绝对路径,用Excel解析了 把生成的文件从第三行复制到EXCEL即可
VC include 路径解析 什么是当前路径?什么是相对路径?什么是绝对路径?什么是系统工作路径?“.\\”和“..\\”的区别?
Java 文件路径详解是 Java 中获取文件路径的方式,包括 Class.getResourceAsStream() 和 ClassLoader.getResourceAsStream() 两种方法。这些方法可以帮助开发者快速获取文件路径,以便于读取文件的内容。
XML节点访问的路径表达式【相对路径】和【绝对路径】的匹配原则
基本概念的理解绝对路径:绝对路径就是你的主页上的文件或目录在硬盘上真正的路径,(URL和物理路径)例如:C:xyz est.txt 代表了test.txt文件的绝对路径。http://www.sun.com/index.htm也代表了一个URL绝对路径。相对...
gulp-less-base-import 将全局依赖项添加到用于gulp的较少文件中,此加载程序会将绝对全局文件路径解析为相对路径。安装$ npm install gulp-less-base-import --save-dev如何使用var lessBaseImport = require ( '...
这是关于相对相对路径与据对路径的资料,不懂的话可以下载看看@!
eslint插件绝对导入 该插件旨在支持lints of ES2015 +(ES6 +)导入/导出语法,并防止文件路径和导入名称拼写错误的问题。 ES2015 +静态模块语法打算提供的所有优点,已在您的编辑器中进行了标记。规则静态分析禁止...
注,文件内自带了一个stdf文件,你可以在未修改配置文件中的待解析文件路径时直接双击运行进行测试 //如有反馈欢迎通过下列联系方式联系我 //Email:xjj@colorcore.cn 如果您要生成test_limits/wafer_map/raw_data/...
复合文档豪华版,支持复杂路径解析,多流打开的compound file,安全高效地检索复合文档中的流。支持路径名打开,如绝对路径 \Video\Data\Video.mp4 相对路径 ..\GUID\GUID.txt 当前路径 .\GUID.txt
webpack 中有一个很关键的模块 enhanced-resolve 就是处理依赖模块路径的解析的,这个模块可以说是 Node.js 那一套模块路径解析的增强版本,有很多可以自定义的解析配置。 模块解析规则 解析相对路径 查找相对当前...
BASH_SOURCE[0]变量可以获取当前脚本的文件名,我们可以使用dirname命令和pwd命令来获取文件的绝对路径。例如: [root@dabu.info ]#echo $( cd $( dirname ${BASH_SOURCE[0]} ) ; pwd ) 这将输出文件的绝对路径。 ...
解析路径 通过验证解决相对于根路径的相对路径。 该模块可以防止普通攻击,例如到达根文件夹外部的GET /../file.js 。 安装 这是可通过使用的模块。 使用完成 : ... 根据提供的根路径解析相对路径,并返
path-absolutize-用于扩展Path和PathBuf以获取绝对路径并删除包含的点的库Path Absolutize这是用于扩展Path和PathBuf以获取绝对路径并删除包含的点的库。 绝对化和规范化方法之间的区别在于,绝对化不关心文件是否...
文件名 获取文件路径的基本名称(不包括扩展名)。 因为我已经多次键入以下内容: function filename ( fp ) { ... 在本机node.js的回落path.parse方法,如果...|:从文件到目录中获取从路径中的相对文件路径,以路径B.
解析绝对URL的相对路径的功能(使用和本机URL模块)。 安装方式 import toAbsoluteUrl from "to-absolute-url" 用法 获取当前文件的绝对URL // https://domaine-name.com/path/to/module.js toAbsoluteUrl ( ) // ...
解析输入中的相对路径和额外的 fileep 字符。 句法: 输出 = REALPATH(THEPATH) 其中 THEPATH 是文件或文件夹的路径,它应该存在。 例子: realpath('../myfile.txt'); % 返回 /home/user/whatever/myfile.txt