问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

相对路径是什么?绝对路径是什么?

发布网友 发布时间:2022-04-30 05:34

我来回答

2个回答

热心网友 时间:2023-06-29 12:26

如果您刚刚开始接触网页设计,是不是经常发生这样的问题呢?做好的网页在自己机器上可以正常浏览,而把页面传到服务器上就总是出现看不到图片,css样式表失效等错误。这种情况下多半是由于你使用了错误的路径,在应该使用相对路径的地方使用了绝对路径,导致浏览器无法在指定的位置打开指定的文件。

下面我们就来谈一下最让初学者头疼的相对路径与绝对路径的区别问题。

什么是绝对路径:

大家都知道,在我们平时使用计算机时要找到需要的文件就必须知道文件的位置,而表示文件的位置的方式就是路径,例如只要看到这个路径:c:/website/img/photo.jpg我们就知道photo.jpg文件是在c盘的website目录下的img子目录中。类似于这样完整的描述文件位置的路径就是绝对路径。我们不需要知道其他任何信息就可以根据绝对路径判断出文件的位置。而在网站中类似以http://www.pckings.net/img/photo.jpg来确定文件位置的方式也是绝对路径。

另外,在网站的应用中,通常我们使用"/"来表示根目录,/img/photo.jpg就表示photo.jpg文件在这个网站的根目录上的img目录里。但是这样使用对于初学者来说是具有风险性的,因为要知道这里所指的根目录并不是你的网站的根目录,而是你的网站所在的服务器的根目录,因此当网站的根目录与服务器根目录不同时,就会发生错误。
什么是相对路径:

让我们先来分析一下为什么会发生图片不能正常显示的情况。举一个例子,现在有一个页面index.htm,在这个页面中联接有一张图片photo.jpg。他们的绝对路径如下:
c:/website/index.htm
c:/website/img/photo.jpg

如果你使用绝对路径c:/website/img/photo.jpg,那么在自己的计算机上将一切正常,因为确实可以在指定的位置即c:/website/img/photo.jpg上找到photo.jpg文件,但是当你将页面上传到网站的时候就很可能会出错了,因为你的网站可能在服务器的c盘,可能在d盘,也可能在aa目录下,更可能在bb目录下,总之没有理由会有c:/website/img/photo.jpg这样一个路径。那么,在index.htm文件中要使用什么样的路径来定位photo.jpg文件呢?对,应该是用相对路径,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中联接的photo.jpg可以使用img/photo.jpg来定位文件,那么不论将这些文件放到哪里,只要他们的相对关系没有变,就不会出错。

另外我们使用“../”来表示上一级目录,“../../”表示上上级的目录,以此类推。(学习过dos的朋友可能更容易理解)

再看几个例子,注意所有例子中都是index.htm文件中联接有一张图片photo.jpg。

例:
c:/website/web/index.htm
c:/website/img/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:img/photo.jpg
这种写法是不正确的,在此例中,对于index.htm文件来说img/photo.jpg所代表的绝对路径是:c:/website/web/img/photo.jpg,显然不符合要求。
正确写法:使用../img/photo.jpg的相对路径来定位文件

例:
c:/website/web/xz/index.htm
c:/website/img/images/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:../img/images/photo.jpg
这种写法是不正确的,在此例中对于index.htm文件来说../img/images/photo.jpg所代表的绝对路径是:c:/website/web/img/images/photo.jpg。
正确写法:可以使用../../img/images/photo.jpg的相对路径来定位文件

例:
c:/website/web/xz/index.htm
c:/website/web/img/photo.jpg
在此例中index.htm中联接的photo.jpg应该怎样表示呢?
错误写法:../../img/photo.jpg
这种写法是不正确的,在此例中对于index.htm文件来说../../img/photo.jpg所代表的绝对路径是:c:/website/img/photo.jpg。
正确写法:可以使用../img/photo.jpg的相对路径来定位文件

总结:通过以上的例子可以发现,在把绝对路径转化为相对路径的时候,两个文件绝对路径中相同的部分都可以忽略,不做考虑。只要考虑他们不同之处就可以了。

如何修改样式表的路径:

使用文本编辑器打开htm文件,查看源代码,在源代码的开头部分<head>......</head>标记中间找到<link rel="stylesheet" href="test.css" type="text/css">。“Href=”后面的内容就是css的路径,我们可以根据以上的知识进行相对路径的转换。

例:
c:/website/web/xz/index.htm
c:/website/css/test.css
在此例中index.htm中联接test.css文件,可以使用../../css/test.css的相对路径来定位文件,完整的代码标记是:<link rel="stylesheet" href="../../css/test.css " type="text/css">
错误写法举例:../../../css/test.css
这种写法是不正确的,在此例中对于index.htm文件来说../../../css/test.css所代表的绝对路径是:c:/css/test.css

最后,为了避免在制作网页时出现路径错误,我们可以使用dreamweaver的站点管理功能来管理站点。只要使用菜单命令site-new site新建站点并定义站点目录之后,它将自动的把绝对路径转化为相对路径,并且当你在站点中移动文件的时候,与这些文件关联的连接路径都会自动更改,实在是非常的方便。

参考资料:http://www.wangqi.net/n357c51.aspx

热心网友 时间:2023-06-29 12:26

比如说你的C盘ABC文件夹下有两个文件1和2
如果要文件1说出文件2的位置(也就是路径),那么它有两种表示方法:
C:\ABC\2
这就是绝对路径,指明2文件在C盘ABC文件下,从最大的目录C盘开始表示出来.
2
这就是相对路径,因为1文件和2文件都在C:\ABC下,所以它们的路径前面"C:\ABC"都是一样,就不用表示出来了..
另个比喻:
比方C盘ABC文件夹有个1文件,还有一个DEF文件夹,而DEF文件下有个2文件.
那1和2的文件路径分别为:(都是绝对路径)
C:\ABC\1
C:\ABC\DEF\2
如果让1文件来表示2文件的路径
绝对路径:
C:\ABC\DEF\2
相对路径:
DEF\2
(因为1和2文件前面的C:\ABC这段路径相同就不用写出来了)
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
立秋后钓鱼什么风向好-立秋钓鱼风向怎么选 赱乂砉込儬 怎么读 "赱"读什么? 解决电脑无法搜索到iPhone热点的问题如何修复iPhone热点无法在电脑上显... 电脑搜不到iphone12热点 iphone开热点给电脑搜不到 国企的地产有哪些 国企下设公司是什么意思? 红加蓝加绿是什么色. 梦幻西游75级开三倍抓鬼一轮有多少经验 &quot;相对路径&quot;是什么意思? 一天,小鸭和小鸡出去玩,看见一条河怎么过去呢? 幼儿园小班户外活动怎么上课 现在手机怎么在网易云里开电台? 小班户外活动名称有哪些? 网易云一个号是否可以上传两个电台啊? 痘印起皮怎么办 起过痘痘之后,脸一直干燥脱皮,而且痘印不消失,为什么? 皮肤干裂,脱皮满脸痘印,吓死人了,怎么办 脸上脱皮有些发红的痘印应该怎么办? 脸上有许多痘痘和痘印,怎么办?还有脸上很干,老是脱皮怎么办?要怎么补水 最近脸上长了痘痘现在豆豆好了留下痘印却变皱了有脱皮 脸上痘印脱皮怎么办 脸上起皮,皮肤干,红色痘印怎么办 去痘印脸上蜕皮后怎么保养 脸上用了祛痘印的全部脱皮怎么办 痘印起皮是什么情况 脸上有痘印怎么办?脸上脱皮了怎么办? 脸上长痘痘之后现在又痘印,脸又脱皮,请问现在我这种情况,可以使用补水的护肤品,要怎么护肤? qq音乐,刚才说我获得了红包,为什么第二次却不见了 小鸡和小鸭的故事里面的好词 BAT相对路径修改文件名 C语言获取相对路径的文件名(不带路径) 我获取的是带相对路径的文件名,这里只需要文件夹中的文件名称 相对路径和绝对路径怎么表示 什么是绝对路径名 和相对路径名 相对路径名有什么优点 计算机专升本考试的试题 有学术点的解释么 如何取得相对路径 如何描述“相对路径” 羊肉和猪肉可以一起炖吗? 大拇指关节响是怎么回事 小鸡和小鸭的故事汉字版 java 相对路径与根目录的问题 右手大拇指第二个关节,一活动就发出响声,并且常常不由自主的去活动它,没有疼痛感,这是怎么回事?? 数据库,相对路径 小鸡小鸭过河看图写话 羊肉可以和猪肉一起煮吃 手的大拇指第一个关节一弯就有咔吧的响声,有时还会疼痛,这是怎么回事,用什么药能治好? 为什么我的大拇指关节老响? 脚大拇指关节走路时响 猪肉与羊肉可以一起炖吗 最近突然大拇指疼痛,关节响