作业问题相对路径与绝对路径.pptVIP

你的服务器地址 你的文件zz.gif放在你的硬盘的c:/xxx/yyy/目录下(xxx为你的域名绑定文件夹) zz.gif的绝对路径是 /yyy/zz.gif zz.gif的相对路径是 yyy/zz.gif 这个就好像是跟人家介绍自己家一样 ：相对路径就像，站在某条街上了，跟人家说我家就在下面那个路口了； 绝对路径的话，就好比写信的地址，得写XX市XX路XX号一样的 绝对路径指对站点的根目录而言某文件的位置，相对路径指以当前文件所处目录而言某文件的位置 在本地连接时，假设在网页中插入一幅图片，有下面情况： 假设你的网页在如下位置：d:\aaa\web\1.htm，而图片在d:\aaa\web\image\1.gif 那么情况如下： 一，你在网页中直接以d:\aaa\web\image\1.gif这个路径表示你的图片。 二，你在网页中以:image/1.gif来表示你的这个图片。 以上两种方法都能达到效果。 这就是绝对路径和相对路径的问题。 第一种情况，你使用的是完整的图片的路径，就称之为绝对路径，也就是说当你把你的这个1.htm不管放在你的硬盘的哪个位置，它都能显示出来这幅图片，因为这个图片的位置你没改变它。是绝对不变的。 第二情况，你使用的就是相对路径，这个路径只相对于你的1.htm的位置以及image文件夹的位置。一旦1.htm的位置发生改变，或者image文件夹的位置发生改变（只要1.htm和image发生改变的位置不相同，这时候你的1.htm就显示不了这幅图片了。也就是说，1.htm和image其中一方的位置发生改变，网页就显示不了这幅图片了。这就是相对路径，它是以一个参考对象存在的。 区别：物理路径、相对路径、绝对路径、根目录 文件路径就是文件在电脑中的位置，表示文件路径的方式有两种，相对路径和绝对路径。在网页设计中通过路径可以表示链接，插入图像、Flash、CSS文件的位置。 物理路径：物理路径就是硬盘上文件的路径，比如下面的文件 d:/dreamdu/exe/1.html d:/dreamdu/exe/first/2.html d:/dreamdu/exe/first/3.html d:/dreamdu/exe/first/second/4.html 相对路径 相对路径包括： 文档相对路径（Document）和根相对路径（Site Root）两种。　 文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。 比如，当前网页所在位置为D:\myweb\mypic，那么：“a.htm”就表示D:\myweb\mypic\a.htm； 　　“../a.htm”相当于D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。 　　“img/a.gif”是指D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为img文件夹。 　　文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档（平时上机练习就是）。 根相对路径是在本地磁盘上编辑网页时，需要选定一个文件夹来定义本地站点，模拟服务器上的根文件夹，系统就根据这个文件夹来确定所有链接的本地文件位置，而根相对路径中的根就是指这个文件夹。 根相对路径的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点，这时“/a.htm” 就表示文件位置为D:\myweb\a.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了，其链接仍可以生效。 建议：如果目录结构过深，在引用根目录下的文件时，用根相对路径会更好些。比如某一个网页文件中引用根目录下img目录中的一个图，在当前网页中用文档相对路径表示为：“../../../../../img/a.gif”，而用根相对路径只要表示为“/img/a.gif”就行了。 如果要经常在WEB站点的不同文件夹之间移动HTML文件，那么站点根目录相对路径是最佳方法。因为移动包含站点根目录相对链接的文档时，不需要更改这些链接。 但是如果不熟悉此类型的路径，建议坚持使用文档相对路径。一般我们在设计网页使用的是文档相对路径。 如何表示同级目录的文件 2.html和3.html在同一个文件夹下， 如果2.html链接3.html，可以在2.html中这样写:a href=3.html同目录下链接/a 如何表示上级目录的文件 1.html是2.html和3.html的上级目录中的文件，如果2.html或3.html链接到1.htm