当我们引用文件的时候，每一个路径都是不同的，今天我们就来讨论一下绝对路径和相对路径的共同以及不同之处，让我们以后能够分清引用路径的利弊。
相对路径：以引用文件之网页所在位置为参考基础，而建立出的目录路径。因此，当保存于不同目录的网页引用同一个文件时，所使用的路径将不相同，故称之为相对。
绝对路径：以Web 站点根目录为参考基础的目录路径。之所以称为绝对，意指当所有网页引用同一个文件时，所使用的路径都是一样的。
其实绝对路径与相对路径的不同处，只在于描述目录路径时，所采用的参考点不同。由于对网站上所有文件而言，根目录这个参考点对所有文件都是一样的，因此，运用以根目录为参考点的路径描述方式才会被称之为绝对路径。
路径特殊符号
立即学习“前端免费学习笔记（深入）”；
以下为建立路径所使用的几个特殊符号，及其所代表的意义。
“.” — 代表目前所在的目录，相对路径。 如：文本 或
“..” — 代表上一层目录，相对路径。 如：文本 或
“../../” — 代表的是上一层目录的上一层目录，相对路径。 如：
“/” — 代表根目录,绝对路径。 如：文本 或
“D:/abc/” — 代表根目录,绝对路径。
在使用相对路径时，我们用符号“.”来表示当前目录，用符号“..”来表示当前目录的父目录。
通俗讲解路径
绝对路径顾名思义，填写绝对目录路径地址那就叫绝对路径，通常我们直接使用”/”代表从根目录开始的目录路径，这个叫绝对路径。
相对路径顾名思义，填写目录时候以填写目录文件为参考，使用“../”或”./”指向上一级 或 使用”../../”指向上上一级叫相对路径。
引用者 被引用者 相对路径 绝对路径
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
说明：
我们使用“/”、“../”、“../../”分别样式和介绍图片路径和网址路径之间 相对于绝对路径关系。
绝对路径和相对路径的作用是什么？
相对路径和绝对路径都可相互转换，转换时候注意正确路径即可，作用在于有效链接路径。
相对路径与绝对路径与CSS关系？
1、我们在CSS中引入图片地址的时候就可能用到相对路径与绝对路径
2、我们在DIV+CSS的html中在HTML引入CSS文件、引入添加图片的时候 就会用到相对路径与绝对路径
以上就是绝对路径和相对路径的关系，相信大家通过我们的介绍已经了解的比较清楚了。更多精彩请关注创想鸟其它相关文章！
相关阅读：
HTML5
HTML5的
文本0
以上就是html的绝对路径和相对路径怎么使用的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545274.html
微信扫一扫 
支付宝扫一扫 
