快捷搜索:  as  2018  FtCWSyGV  С˵  test  xxx  Ψһ  w3viyKQx

澳门新葡新京返水:什么是相对路径什么是绝对路径



发明这个问题已经好久了,做网站常常碰着这样的问题,分外是在CSS和JS一些代码里面看别人写的一些澳门新葡新京返水代码,链接站内的文件,真的让我看不懂。到现在对相对路径和绝对路径,虽然看过相关的,师长教师的话也只是简单提了一下,澳门新葡新京返水链接方面的问题照样有点隐隐。本日想起来就去百度搜索了一下,找了一个回答对照周全一点的阐明转载下来。

以下文章是本次问题的转载:

假如您刚刚开始打仗网页设计,是不是常常发生这样的问题呢?做好的网页在自己机械上可以正常浏览,而把页面传到办事器上就老是呈现看不到图片,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.jp澳门新葡新京返水g,显然不相符要求。澳门新葡新京返水

精确写法:应用../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文件,查看源代码,在源代码的开首部分标记中心找到。“Href=”后面的内容便是css的路径,我们可以根据以上的常识进行相对路径的转换。

例:

c:/website/web/xz/index.htm

c:/website/css/test.css

在此例中index.htm中联接test.css文件,可以应用../../css/test.css的相对路径来定位文件,完备的代码标记是:

差错写法举例:../../../css/test.css

这种写法是不精确的,在此例中对付index.htm文件来说../../../css/test.css所代表的绝对路径是:c:/css/test.css

着末,为了避免在制作网页时呈现路径差错,我们可以应用dreamweaver的站点治理功能来治理站点。只要应用菜单敕令site-new site新建站点并定义站点目录之后,它将自动的把绝对路径转化为相对路径,并且当你在站点中移动文件的时刻,与这些文件关联的连接路径都邑自动变动,其实是异常的方便。

您可能还会对下面的文章感兴趣: