当需要从 A 网页连结 到 B 网页，从 A 连到 B 的中间就会有所谓的「路径」，也就是用来描述 A 与 B 两个网页的关 连性的东西。而页面上放置图片也不像平面设计一样只要摆上去就好，必须要注意到图片与网 页之间的关连性，这样浏览器才能够顺着「路径」找到应该要显示的图片、影片、文件等。

 

1.绝对路径：

file:///c:/windows/search.html「本机C槽上的一个HTML 档案」。
http://www.csie.nuu.edu.tw「网路上一台 WWW Server 上的一个 HTML 档案」。
/jang/courses/n12345678「本机 WWW 根目录下的一个目录」。 


绝对路径指的是这个档案在本机端或是网路上的绝对位置。以范例来说像「D： 近期使用档 案」这句所描述的就是「在这台电脑 D 槽里面近期使用档案这个资料夹」，而 http：//www. pchome.com.tw 则是描述 PChome 这个网站在网路上通用的网址，这两种都属于「绝对路径」

2.相对路径：

text.html「表同一层目录下的 text.html 档案」。
./text.html「表同一层目录下的 text.html 档案 」。
image/text.html「表示 image 子目录下的 text1.gif 档案 」。
../index.html「表示上一层目录下的 index.html 档案 」。
../html40/cover.html「表示上一层目录下 html40 子目录的 index.html 档案 」。

相对路径指的是相对于这个档案的位置。例如我在 A 网页里面插入了一张图片，图片路径是 「images/aaa.jpg」，这就说 aaa.jpg 这张图片相对于 A 网页的位置是在与 A 网页同一层有 一个名为 images 的资料夹，而 aaa.jpg 放在这个资料夹里面。如果图片路径是「../images/ bbb.jpg」，则代表这张图片位在 A 网页上一层的 images 资料夹里面，以此类推。

 

假如使用 绝对路径 来描述物件（例如图片）在电脑里的位置（例如D： 我的文件 aaa.jpg）的话，当这些网页还在自己的电脑里面时，在显示上暂时还不会有问题；但是如果要上传到网路的空间的时候，就会出现抓不到档案的状况。因为网路空间的电脑配置跟我们自己个人电脑的配置一定不同，因此在被传到网路空间的网页无法在像「D： 我的文件 aaa.jp」的位置抓到指定的图片（因为网路空间所指定让我们上传网页的位置不一定是在该空间的D槽）。

因此我们在网页里面会使用 相对路径 来说明物件的位置（例如在aaa.html里面用images/aaa.jpg来描述aaa.jpg），这样当我们在上传档案的时候，只要我们不改变网页与物件的相对位置的话，那这整个网站不管上传到哪里，都可以正确的显示有在网页里面出现的物件。除非今天我们所使用的图片已经传到网路上别的地方（例如各家提供的相簿），这个时候我们才会使用绝对路径（但是这里的绝对路径会长的像 http://www.flickr.com/photos/xxx.jpg）来描述物件的位置。

相对路径与绝对路径是做网页里面一个很基础也很重要的观念。如果对这个观念不熟悉，那至少在做网页的时候一定要记得：请把你要放在网页里面的物件（相片、音乐、影片等）以及网页本身都放在同一个资料夹里面。在这个资料夹中你可以再开新的资料夹替这些档案做分类，但是这些档案都务必要放在同一个资料夹里面，这样日后上传到网路空间的时候才不会出问题。