必威体育Betway必威体育官网
当前位置:首页 > IT技术

基础 HTML之目录问题(相对路径和绝对路径区别)

时间:2019-08-12 22:42:07来源:IT技术作者:seo实验室小编阅读:51次「手机版」
 

相对路径

导读

复习HTML知识的时候,URL的路径的写法是我们经常会用到的一块内容相对路径和绝对路径的问题不难,只要明白各自的道理,同时清楚“.\”、“..\”这些字符的含义就可以了。 

主要内容

相对路径-以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对。

绝对路径-以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。 

其实绝对路径与相对路径的不同处,只在于描述目录路径时,所采用的参考点不同。由于对网站上所有文件而言,根目录这个参考点对所有文件都是一样的,因此,运用以根目录为参考点的路径描述方式才会被称之为绝对路径。 

以下为建立路径所使用的几个特殊符号,及其所代表的意义。 

“.”–代表目前所在的目录。 

“..”–代表上一层目录。 

“/”–代表根目录。 

接下来,我们假设读者所建立的Web站点拥有如下图所示目录路径。 

 这里写图片描述

假若要在Ref.htm文件中引用BeRef.gif文件时,其相对路径如下:

./SubDir2/BeRef.gif

上面的引用路径中,”.”代表目前的目录(Dir1),所以”./SubDir2”代表目前目录下的SubDir2。其实,也可以省略”./”直接用下这个方式引用。

SubDir2/BeRef.gif

若使用绝对路径以根目录为参考点引用该文件时,引用路径如下:

/Dir1/SubDir2/BeRef.gif

如果Web站点的目录之结构如下图时:

这里写图片描述

引用BeRef.gif文件的相对路径又是如何呢?

假若要在Ref.htm文件中引用BeRef.gif文件时其相对路径如下: 

  

../SubDir2/BeRef.gif

上面的引用路径中,”..”代表上一层目录,所以,/Dir2”代表上一层目录下的Dir2子目录。若使用绝对路径引用时,则引用路径如下:

/Dir2/BeRer.gif

我们再举一个比较复杂的例子,来比较一下相对路径与绝对路径的使用。假设在读者所建立之Web站点中,拥有如下图的目录路径。

这里写图片描述 

我们用以一个表格来说明在上图的情况下,某文件引用另一文件时,所应使用的相对路径与绝对路径。

  这里写图片描述

上表中比较需要说明的是”../../”所代表的意义。

“..”代表上一层目录,而”../../”所代表的是上一层目录的上一层目录。所以,从上表中可以看出,如果引用的文件存在于目前目录的子目录中,或者存在于上一层目录的 另一个子目录中,运用相对路径是比较方便的。如果不是时,则干脆利用绝对路径,还比较省事。从上表中,亦可以看出,当被引用的是同一个文件时,引用文件所使用的绝对路径是一样的。

相关阅读

相对路径和绝对路径

相对路径和绝对路径,往往都是初学者最困惑的知识点之一。在这一节,我们详细跟大家探讨一下这两者的区别和写法。 我们在C盘目录下建

Android Studio菜鸟开发————RelativeLayout相对布

相对布局是通过相对定位的方式让控件出现在布局任意位置; 在相对布局中如果不指定控件摆放的位置,那么控件都会被默认放在Relative

相对论中最难理解的时间膨胀效应,使用相对的观点才能真

有一句名言是这样讲的:时间就是金钱,而金钱是用来商品价值的,在通货膨胀如此严重的今天,时间膨胀是不是由通货膨胀引起的

相对路径与绝对路径的优缺点及作用

首先我们阐述一下什么是绝对路径,什么是相对路径?绝对地址就是指文件或目录真实存在的路径,简单来说就是整个路径全部都会写出来,中间

如何使用相对路径和绝对路径

学习绝对路径和相对路径的知识对SEO站长来说用处是非常大的,可以说是每个网站运营人员必备的技能。很多时候,我们网站需要修改图片

分享到:

栏目导航

推荐阅读

热门阅读