當我們在寫網頁的時候，常常會使用到其它的檔案，例如：圖檔或外部樣式表等等。這時我們應該要怎樣來使用檔案的路徑呢？

URL

URL 是一種位址的表示方式，也是 URI 的一種表達形式，它在全球資訊網中扮演著相當重要的角色與地位。

它，可以包含以何種協定來進連線、要連線到那一個位址、位址的埠或者伺服器中的任一檔案。

它是利用既存的「協定」來界定資源物件的位置與資源物件的存取方式。一個基本的 URL中，包括了協定、伺服器名稱、路徑及檔案名稱。

• 協定

  它是表示要用何種「傳輸」的協定，來開啟網際網路中的文件。其類型有http:、https:、ftp:、mailto:、telenet:、news:、mntp:、gopher:、wais:、prospero:、file:。除了mailto:與news:外，其它的協定在冒號之後須加「//」。

• 主機位置

  它可以為 Domain Name 或者是 IP Address ，其表示是存放文件的遠端主機(Server)位置。通常在主機位置或是資料夾以「/」結尾之後，若無指定檔案，系統則會在目錄中以預設的檔案來開啟，如：index.html、index.htm、index.php、default.html、default.asp…等等。

• 路徑

  它是表示我們欲開啟的檔案或連結的檔案在資料夾中的路徑，它可以是絕對路徑或是相對路徑。

絕對路徑

所謂「絕對路徑」就是從根目錄開始一直到該目錄下檔案全程的物理路徑。

在網站的應用中以「/」 或「http://」開頭的路徑都是絕對路徑。例如： /img/show.png 代表根目錄下 img 目錄中的 show.png 檔案，使用這種方式對新手而言有風險的存在，因為網站的根目錄與伺服器根目錄不同時，就會有路徑上的錯誤；所以，當您想使用絕對路徑的時候，建議您還是以「http://」開頭的路徑方式比較保險。例如：

http://www.xxx.com/img/show.png

相對路徑

所謂「相對路徑」就是當前位置相對於目標在某個目錄中的路徑。

. 　表示現在的目錄，例如：　./img/test.png　←表示現在目錄下 img 目錄中的 test.png 檔。

..　表示現在目錄的上一層目錄，例如：../data/　←表示上一層目錄中 data 資料夾中的位置。

絕對路徑與相對路徑綜合示範

/	home	index.html
		test.html
	DATA	mydata.html

例如在 http://www.xxx.com/ 中其內容資料如上方的表格所示，並且根目錄與伺服器根目錄相同時，其…

index.html 的絕對路徑為：

/home/index.html 或 http://www.xxx.com/home/index.html。

而 test.html 文件對於 mydata.html 而言，其相對路徑為 ../home/test.html。

文章分類