URL相對路徑和URL絕對路徑

   經常在頁面中引用圖片，html頁面等，自己常常弄錯相對路徑和絕對路徑，今天寫下此文總結一下。 
   直接舉例說明吧。 

  在 D:\例子\html下有這么幾個文件和文件夾 
   
 

  1.若引用的資源和本身在同一路徑下（既在同一目錄下） 
      
     在example.html中引用tupian.gif 

     相對路徑：<img src="tupian.gif" border="0"/> 
     絕對路徑：<img src="d:/例子/html/tupian.gif" border="0"/> 

絕對的都差不多，只說相對路徑。 

2 要引用的文件在下一級文件夾下，文件名前加子文件夾名稱 
   假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html 
   假設index.html路徑是：c:\Inetpub\wwwroot\sites\blabla\html\tutorials\index.html 
   在info.html加入index.html超鏈接的href應該這樣寫：html/tutorials/index.html 

3 要引用的文件在上一級文件夾下，文件名前加../ 
    假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html 
    假設index.html路徑是：c:\Inetpub\wwwroot\sites\index.html 
   在info.html加入index.html超鏈接的代碼應該這樣寫： 
    <a href="../index.html">index.html</a> 

舉一反三：  ../表示源文件所在目錄的上一級目錄，../../表示源文件所在目錄的上上級目錄，以此類推 

4 更復雜的情況： 
假設info.html路徑是：c:\Inetpub\wwwroot\sites\blabla\info.html 
假設index.html路徑是：c:\Inetpub\wwwroot\sites\html\index.html 
在info.html加入index.html超鏈接的代碼應該這樣寫：<a href="../html/index.html">index.html</a> 

5.最后一個例子 
    假設路徑：D:\例子\html\style\view\pop.css 
              D:\例子\html\images\view\tupian.gif  
在css中引用這個圖片：<img src="../../images/view/tupian.gif" border="0"/>