联系我们 公司热线:400-0125-586
首页 > SEO资讯 > SEO技术 > 终于搞懂了相对路径和绝对路径,很详细很全面

终于搞懂了相对路径和绝对路径,很详细很全面

来源:本站原创 时间:2023-11-28 点击:63

相对路径和绝对路径的概念和应用是web开发者必须要熟练掌握,下面介绍一下相对路径和绝对路径的用法。

一.绝对路径:

从名称入手理解,既然称得上“绝对”二字,那么路径的表现形式就比较直观,能完整描述文件在磁盘上的位置。

绝对路径一般来说主要有两种形式:

1.完整的磁盘路径:

D:\mytest\web\images\pic.jpg是一个绝对路径,看到它就能够明确的找到图片在磁盘中的位置,不过在web中很少使用此种形式的绝对路径。

2.完整的url路径:

http://www.dayuewang.com.cn/images/pic.jpg也是一个绝对路径。它虽然看没有描述文件的完整路径,其实不然,域名会指向磁盘的一个目录,那么一个带有域名的url地址也是一个绝对路径。

二.相对路径:

相对路径与绝对路径相比要复杂一些,同样可以从名称入手,之所以叫做相对路径,那么首先就要确定一个路径参考点;其他文件的路径都是相对于当前文件位置来确定的,下面先看一个路径的拓扑图:

在文件路径拓扑图中,root表示根目录;列举实例之前先要明确以下几个作用:

1)../:代表当前文件所在目录的上一级目录。

2)../../:代表当前文件所在目录的上上级目录。

3)../…/../:可以依次类推。

4)/:代表根目录。

5)./:表示当前目录,HTML中,可以省略。

相对路径实例(html代码中编写的链接路径与实际物理路径的关系):

推荐阅读