1、./ 代表的是當前目錄
比如在page文件夾里有兩個文件，分別是index1.html和index2.html，那么如果要在index1.html鏈接到index2.html，就可以這樣寫<a href="./index2.html">跳轉到index2.html</a>，如下：
兩個文件在同一個文件夾下，屬於同級，所以使用 “./”，當然，也可以直接寫文件名 <a href="index2.html">跳轉到index2.html頁面</a>
2、../代表的是上一級目錄，也就是父級目錄
比如在page文件夾里還有一個pageinfo文件夾，里邊有一個index.html文件，如果向訪問page文件夾里的網頁文件，就要使用 <a href="../index1.html">跳轉到index1.html</a>
../就是當前目錄的上一級目錄，也就是pageinfo文件夾的父級page文件夾，然后訪問里邊的網頁文件。
3、../../表示源文件所在目錄的上上級目錄，以此類推。
比如：pageinfo文件夾里還有一個pageinfo2文件夾，里邊有個index.html網頁文件，如果想訪問page文件夾里的index1.html，就要使用 <a href="../../index1.html">訪問page文件下的index1.html</a> 往上兩級，也就是先找到pageinfo，再找到page，再找到index1.html頁面。
4、根目錄 /
如果訪問路徑直接從根目錄開始查找，那么當項目文件移動位置后就會出問題，比如：在vscode里一個網頁文件中要訪問images文件夾里的a.png圖片，如果直接從根目錄查找就是這樣寫 <img src="/images/a.png"> 那么到瀏覽器中就是 項目名稱/images/a.png，而從外邊項目文件夾中直接打開的話，圖片就會不顯示，提示路徑找不到，是因為在外邊打開，圖片的根目錄是C盤或者D盤，這樣訪問路徑就會發生改變，可能是C:/images/a.png，所以找不到，因此，訪問路徑要使用相對路徑，或者項目部署到服務器了，不再變動了，這個時候就可以使用從根目錄查找方法來訪問文件了。