重庆网站制作中相对和绝对路径的分析

2023-05-21    分类: 网站建设

网站制作中相对和绝对路径的分析:

什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?
那就让我们一起来认识一下它们吧!

比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:\My pictures\tp.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是:

c:\My pictures\index.htm

c:\My pictures\tp.jpg

如果你使用了绝对路径c:\My pictures\tp.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:\My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中, 也可能在D盘其他目录中,总之不会那么巧的就是c:\My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm 中连接的tp.jpg就可以使用My pictures\tp.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..\My pictures\img.jpg”,其中使用“..\”来表示上一级目录,“..\..\”表示上上级的目录,以此类推。

我们一起来看看初学的朋友可能犯的几个路径错误:

例1

c:\mywed\wed\index.htm

c:\mywed\img\tp.jpg

在此例中,index.htm网页中有tp.jpg这个图片,因为两个文件同在Mywed目录下,所以初学者可能把图片链接写为img\tp.jpg, 那么这样实际的链接就变为了C:\mywed\wed\img\tp.jpg,显然这是不正确的。正确的路径应该是相对路径..\img\tp.jpg。

例2

c:\mywed\wed\wed1\index.htm

c:\mywed\img\img1\tp.jpg

在此例中,index.htm网页中有tp.jpg这个图片,初学者可能错误的把图片链接写为..\img\img1\tp.jpg,那么这样转为绝对 路径就是C:\mywed\wed\img\img1\tp.jpg了,因为在该目录下并没有此文件,所以显然这种链接是错误的。正确的应该是..\.. \img\img1\tp.jpg。

例3

c:\mywed\wed\wed\index.htm

c:\mywed\wed\img\tp.jpg

在此例中,index.htm网页中有tp.jpg这个图片,初学者可能错误地把图片链接写为..\..\img\tp.jpg,那么这样转为绝对路径 就是C:\mywed\img\tp.jpg了,因为在该目录下并没有此文件,所以显然这种链接是错误的。正确的应该是..\img\tp.jpg。

通过上面三个例子,我们可以看到网页与图片所在目录相同的部分都可以使用“..”进行代替。

有的读者可能会有这样的疑惑:一个网站有许多的链接,我怎么能保证它们的连接都正确,如果我调整了一下图片或网页的存储路径,那不是全乱了么?为了提高 工作效率,我们推荐大家使用Dreamweaver进行网站编辑,因为它有个站点管理功能,使用该功能绝对路径可以自动地转化为相对路径,并且当你在站点 中改动文件路径时,与这些文件关联的连接路径都会自动更改,实在是方便极了!

本文名称:重庆网站制作中相对和绝对路径的分析
路径分享:https://www.cdcxhl.com/news27/260327.html

成都网站建设公司_创新互联,为您提供全网营销推广小程序开发品牌网站建设网站内链品牌网站制作企业建站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

外贸网站建设