提到URL路徑分類，一般是針對前端人員和后臺程序人員所定義的，這里統稱為技術人員。技術人員一般會通過調用圖片、CSS及JS代碼來對網站進行設計。而這種調用模式一般分為兩種，一種是相對路徑，另外一種則是絕對路徑。專業一點來說可以分為相對URL和絕對URL地址。

我們都知道打開正確的網址才能獲得想要的網站。同樣，網站里的圖片、樣式（CSS）及特效（JS）也是需要正確的路徑才能獲取到。在新手學習前端代碼的時候，往往會因為調用錯誤而導致圖片不能顯示、樣式顯示錯誤、特效無法顯示等問題。而這個時候我們就要學會怎么使用路徑了，路徑對了，圖片、樣式、特效就都能正確顯示了。

相對路徑主要針對的情況有兩種，一種是最頂端的相對路徑，即域名本身之下。因為所有的信息都歸于網站域名本身所有，所以當出現這種情況的時候，所有的相對路徑均可以省略掉域名。

如我們通過FTP將一張ceshi.jpg的圖片上傳到了域名之下，那么想要獲取到這張圖片的正確寫法則是：<img src=https://www.xusseo.com/seormjc/”/ceshi.jpg”width=400px height=400px>。/ceshi.jpg中的/是省略掉了域名本身。

CSS的寫法是：<link href=”/ceshi.css”rel=”stylesheet”type=”text/css”/>；

JS的寫法是：<script language=”javascript”type=”text/javascript”src=https://technic.fuqilaila.cn/”/ceshi.js”></script>。

相對路徑的另外一種情況則是某個目錄下的文件，當出現這種情況的時候，我們就需要找到對應的文件夾并使用對應文件夾的路徑。例如，我們通過FTP將一張ceshi.jpg的圖片上傳到二級欄目下，二級欄目的文件夾名稱為xiangmu，然后將這張ceshi.jpg圖片上傳到xiangmu文件夾下。

如果我們想要調取這張圖片，那么正確的寫法則是：<img src=https://technic.fuqilaila.cn/”/xiangmu/ceshi.jpg”width=400px；height=400px；>。

CSS的寫法是：<link href=”/xiangmu/ceshi.css”rel=”stylesheet”type=”text/css”/>；

JS的寫法是：<script language=”javascript”type=”text/javascript”src=”/xiangmu/ceshi.js”></script>。

當然如果我們所調用的圖片、CSS及JS代碼和所需要使用的網址在同一個目錄下，同樣可以省略掉該目錄的文件夾名稱。總的來說，相對路徑的使用是比較靈活的，需要結合當前的路徑進行調整。

相對路徑的優點是容易移動，可以通過整個文件夾進行移動；測試本地網站也更加方便。相對路徑的缺點是如果代碼不夠嚴謹，當移動文件夾之后，部分頁面可能會出現錯亂現象；而且如果使用相對路徑的話，很容易被人整站抄襲。

相對路徑是相對某個文件夾下的單獨調用，而絕對路徑則指的是固定的某個文件夾下的調用。絕對路徑調用起來與相對路徑相比更單一但也更穩定，如果不單獨修改這一路徑下的資料，是絕對無法更改和使用該路徑下的內容的。

絕對路徑使用的地方較少，沒有特殊需求的情況下是不會使用的。但是這種絕對路徑通常會出現在抄襲網站的時候，有些抄襲網站的技術人員因為貪圖省事，所以都會直接使用對方的網址。

例如，我們的網址是，而對方的網址是，那么對方網站下的圖片的路徑使用則是<img src=https://technic.fuqilaila.cn/”/ceshi.jpg”width=400px；height=400px；>。如果這張圖片需要在我們的網址下使用的話，就會變成<img src=””width=400px；height=400px；>。

這種方法被很多技術人員所使用，但是對于網站本身來說卻是沒有任何好處的。我們其實可以通過圖片下載的方法將下的圖片下載到本地，然后通過FTP將這張圖片上傳到網站下，這樣就能正常使用了。

絕對路徑的優點是，如果有人抄襲你的網站內容，里面的鏈接還會指向你的網站。有些抄襲的人比較懶，根本不會去修改內容。其實也不局限于被抄襲，如果有人將你的網頁保存到本地計算機中，里面的鏈接、圖片、CSS及JS仍然會連接到你的網站。

當網頁位置被修改的時候，因為使用的是絕對路徑，所以依然會指向正確的路徑。絕對路徑的缺點是在本地測試的時候，如果使用的話，后期網站正式上線修改起來會非常麻煩。

總結：針對相對路徑與絕對路徑的優缺點，重慶seo徐三已經詳細介紹了，大家應該知道如何選擇了，不過個人建議還是選擇絕對路徑。