一、基本概念
相對路徑：即相對於當前文件的路徑，前端開發中比較常用的路徑表示方法
絕對路徑：即主頁文件或者目錄在硬盤上真正的路徑。
二、符號表示
“./”：代表目前所在的路徑
"../"：代表上一層路徑
“/”開頭，代碼根目錄
三、舉例：
根目錄下有demo1和images/1.jpg，demo1下有index1.html文件和demo1.1文件夾。demo1.1下有index2.html和2.jpg圖片文件。
文件夾目錄如圖所示
1.文件在當前目錄
如index2.html引用2.jpg，則文件路徑應為
2.文件在上一層目錄
如index1.html引用images文件夾下的1.jpg，則文件路徑應表示為
如index2.html引用images文件夾下的1.jpg，則文件路徑應表示為
3.文件在下一層目錄
index1.html訪問demo1.1文件夾中的2.jpg，則路徑應表示為：
4.根目錄表示法
任何頁面訪問images文件夾下的1.jpg，則可以表示為
四、注意
1.CSS中的圖片路徑
寫到CSS中的圖片路徑，url是圖片針對樣式文件的位置。
如，index.html引用同一根目錄下CSS文件夾中的main.css，而在main.css中需要引入images目錄中的1.jpg，則路徑應表示為：
background:url（../images/1.jpg）
2.JS中圖片地址均相對於調用JS的頁面的相對位置
如：document.getElementById("IMG1").style.backgroundImage
= "url(../Images/login.jpg)";
五、優缺點分析
相對路徑更方便更改，相對比較靈活，但是如果不慎易造成鏈接失效，並且容易被人抄襲。
絕對路徑的話能避免這個問題，但是靈活性上相對較弱。