㊣傲楓曰:這個觀念太重要了,所以要品嚐傲楓的長篇大論。



絕對位置與相對位置:
 這是寫網頁時超重要的一個觀念,當使用到超連結、圖片、背景音樂等場合,
 都會牽涉到這個問題。

 範例一:

 傲楓的網頁教學第二章,放在
 http://home.pchome.com.tw/cool/stress1/teach/test2.html (絕對位置)

 另外傲楓有一張圖,放在
 http://home.pchome.com.tw/cool/stress1/teach/1.gif (絕對位置)

 絕對位置有兩大特點:
 1、你可以直接將這兩個位置輸入在瀏覽器中,就可以看到相對應的畫面了。
 2、又臭又長。

 當我想在第二章中插入這張圖形時,我有兩種寫法:
 
 <img src="http://home.pchome.com.tw/cool/stress1/teach/1.gif"> (絕對位置)

 <img src="1.gif"> (相對位置)

 聰明如你,必定知道傲楓會選擇下面的那個寫法(因為很短很容易打字啊)。那
 什麼場合可以用相對位置的寫法呢?

 請注意,這兩個檔案都是放在http://home.pchome.com.tw/cool/stress1/teach/這個目錄下,既然在同一個目錄下,我當然選擇相對路徑的寫法。


 範例二:

 傲楓的首頁,放在
 http://home.pchome.com.tw/cool/stress1/2.html (絕對位置)

 傲楓的網頁教學第二章,放在
 http://home.pchome.com.tw/cool/stress1/teach/test2.html (絕對位置)

 當我想在首頁處,利用超連結連到第二章,我有兩種寫法:

 <a href="http://home.pchome.com.tw/cool/stress1/teach/test2.html">第二章</a> (絕對位置)

 <a href="teach/test2.html">第二章</a> (相對位置)

 請注意,因為第二章所在的目錄,比首頁的目錄下一層,所以使用相對位置時,必須先將這一層(teach)寫上。


 範例三:
 
 傲楓的首頁,放在
 http://home.pchome.com.tw/cool/stress1/2.html (絕對位置)

 傲楓的網頁教學第二章,放在
 http://home.pchome.com.tw/cool/stress1/teach/test2.html (絕對位置)

 相反的,今天傲楓要在第二章中,利用超連結連到首頁,我有兩種寫法:

 <a href="http://home.pchome.com.tw/cool/stress1/2.html">首頁</a> (絕對位置)
 
 <a href="../2.html">首頁</a> (相對位置)

 請注意,因為首頁的目錄,比第二章的目錄上一層,所以使用相對位置時,必須先打上 .. (表示回上一層)。