网页建站的路径问题

./   表示项目文件所在目录之下的目录。

../ 表示项目文件所在目录向上一级目录下的目录。
../../表示项目文件所在目录向上二级目录之下的目录。


什么是相对路径？什么是绝对路径呢？为什么使用了绝对路径有时就不能显示呢？
比如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。