什么是相對路徑？
相對路徑是指以當前文件資源所在的目錄為參照基礎，鏈接到目標文件資源(或文件夾)的路徑。
假設，我們在一個A文件（比如a.html）中，鏈接另一個B文件(比如b.html)，也可以說是，當前文件A引用目標文件B，那么，相對路徑就是以當前文件A所在的目錄為參照基礎，建立連接到目標文件B的路徑；
改變當前文件A或目標文件B的目錄，也就是說，把A或B放到不同的文件夾中，A和B的相對路徑也會不同，所以，改變A或B的目錄，它們之間的相對路徑也會跟着發生變化！
相對路徑特殊符號
在表示相對路徑中，單點表示當前目錄，雙點表示上一級目錄，反斜杠“/”表示分隔目錄；
相對路徑特殊符號有以下幾種表示意義：
◆以“./”開頭，代表當前目錄和文件目錄在同一個目錄里，“./”也可以省略不寫！
◆以"../"開頭：向上走一級，代表目標文件在當前文件所在的上一級目錄；
◆以"../../"開頭：向上走兩級，代表父級的父級目錄，也就是上上級目錄，再說明白點，就是上一級目錄的上一級目錄
◆以"/”開頭，代表根目錄
相對路徑使用示例
假設，我們有一個網頁文件index.html和一個圖片文件tupian.png，其中，以index.html文件為當前目錄作為參照基礎，圖片tupian.png文件為目標文件，那么，他們之間的相對路徑有以下幾種寫法：
1、在同級目錄里
如上圖所示，當前文件index.html和目標文件tupian.png都在D:/website/web/里，
如果要在index.html文件中用相對路徑引用tupian.png文件，其相對路徑以"./"開頭：
./tupian.png //表示在同級目錄里
也可以省略單點和反斜杠，也就是直接寫目標文件的文件名tupian.png即可：
tupian.png
2、在上級目錄或上上級目錄里
如上圖所示，目標文件tupian.png在當前文件index.html的上一級目錄website里，在index.html文件中，用相對路徑引用tupian.png文件，其相對路徑以"../"開頭，向上走一級，再找目標文件：
../tupian.png //表示在上級目錄里
而另一個目標文件img.png直接是在D盤根目錄里，也就是在當前文件index.html上上級目錄，即上一級目錄的上一級目錄，其相對路徑以"../../"開頭，向上走兩級，再找目標文件：
../../tupian.png //表示在上上級目錄里
如果是上上上級目錄，就向上走三級，用三個“../../../”，如有更多上級目錄，則如此類推！
3、在下級目錄里
如上圖所示，目標文件tupian.png在當前文件index.html的下一級目錄abc文件夾里，在index.html文件中，用相對路徑引用下級目錄的tupian.png文件，其相對路徑以"./"開頭，先寫同級目錄文件夾名，再寫目標文件的文件名：
./abc/tupian.png //表示在下級目錄里
4、在根目錄里
如果目標文件tupian.png在D盤符的根目錄里，其絕對路徑就是D:\tupian.png，用相對路徑表示就是：
/tupian.png //用一個反斜杠表示在根目錄里
只要目標文件tupian.png在D盤的根目錄下，無論當前文件index.html在D盤的什么位置都無關緊要，系統會自動地從當前D盤符的根目錄開始查找tupian.png文件。
以上是本地盤符根目錄的表示方法，另一種是域名根目錄的表示方法，其實，兩者表示方法是一樣的。
比如，這個絕對路徑：https://liudaima.com/tupian.png ，它的相對路徑也是：
/tupian.png //用一個反斜杠表示在根目錄里
相對路徑優缺點
1、優點：只要保持當前文件和目標文件的相對位置不變，它們之間的相對路徑也不會改變，就算移動了整個目錄，也可以保證相對路徑是有效的！
比如，只要保持當前文件index.html和目標文件tupian.png在同一個目錄中，不管你把他們一起移動到哪個文件夾或目錄，也不管是什么盤符（C盤、D盤、E盤等），只要它們同在一目錄下，那么，在index.html文件中引用tupian.png的相對路徑（./tupian.png）始終是有效的。但這也是容易被人采集或抄襲的原因。
2、缺點：只要當前文件移動到其他不同的目錄中，其相對路徑也會隨之發生變化，那么，之前未改變目錄的相對路徑也會失效；