什麼是絕對URL 相對URL

url的中文意思是統一資源定位符。作用就是為了讓我們定位網際網路上的各種資源。例如我們經常瀏覽**看到的每乙個網頁或---都具有唯一的url，即通過url位址可以成功的訪問到。且這些url位址都是唯一的。

如果想在網上想訪問某個頁面的時候，可以直接在瀏覽器中輸入url位址，例如你想中的什麼是css，就可以在瀏覽器中直接輸入：這個位址就是乙個絕對的url位址，通過這個位址，你可以訪問到這個網頁上的所有資源，包括文字，和等。

因此，這個時候可能絕對的url位址就會變得很長而且難以記住，並且每個**都包含眾多的url鏈結，所有，在站內的時候，就有必要了解web**站點中的檔案的url的簡寫形式：相對url

相對url用於指示資源相對於當前頁面的位置，我們前面在css中什麼是絕對定位和相對定位就講過這個問題。例如我們一直某乙個檔案（dc）對應的url址為如果我們想訪問

利用相對定位和相對url，我們就可以直接寫:

dc/70.html

dc/81.html

dc/88.html

這個時候，在用瀏覽器執行的時候，它自動會將其轉換為絕對的url去訪問，效果是跟絕對url是一樣的。在**中使用相對url的另一種優勢就是：當我們改變了**的網域名稱的時候，使用者還是可以成功的訪問到我們的站點，而不需要改變訪問url鏈結，因為我們的所有鏈結都是相資料夾的。

下面再介紹幾種不同目錄該如何使用不同的相對url：

1、相同目錄

如果兩個檔案在同乙個目錄下的時候，我們直接寫出檔名即可。無需指定其他路徑。例如a.html和b.html在同一目錄，當a頁面要鏈結b頁面時，直接寫b.html即可。

2、子目錄

如果與當前頁面處於同一目錄的是個資料夾，而你鏈結到的檔案在該資料夾下面，則需要寫出該資料夾名，在跟上要鏈結的檔名。當a.html與b資料夾在同一目錄，在b目錄下有個c.html檔案，要訪問到c.html：則需寫：b/c.html

3、父目錄

如果要訪問的檔案在父目錄外面，則我們先必須按照路徑先出去到父目錄，在訪問目標頁面。例如a.html的父目錄為b資料夾，與b資料夾同一級的有個c.html頁面，那如果要訪問到c.html，則需寫../c.html；如果要訪問到外面的2層，則需要寫2個../

直接舉例說明吧。

在 d:\例子\html下有這麼幾個檔案和資料夾

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

在example.html中引用tupian.gif

相對路徑：

絕對路徑：

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

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超連結的**應該這樣寫：

index.html

舉一反三： ../表示原始檔所在目錄的上一級目錄，../../表示原始檔所在目錄的上上級目錄，以此類推

4 更複雜的情況：

假設info.html路徑是：c:\inetpub\wwwroot\sites\blabla\info.html

假設index.html路徑是：c:\inetpub\wwwroot\sites\html\index.html

在info.html加入index.html超連結的**應該這樣寫：index.html

5.最後乙個例子

假設路徑：d:\例子\html\style\view\pop.css

d:\例子\html\images\view\tupian.gif

在css中引用這個：