本文將為大家介紹HTML路徑切換的幾種常見技巧，讓你的網頁路徑更加靈活。

一、絕對路徑

絕對路徑是指從網站根目錄開始的完整路徑。要引用根目錄下的一個圖片，可以使用以下代碼：

gages/picture.jpg" alt="圖片">

ages/picture.jpg"表示圖片所在的相對路徑。

使用絕對路徑可以確保文件的正確引用，但是在移植網站時需要修改路徑。

二、相對路徑

相對路徑是指從當前文件位置開始的路徑。在HTML文件中引用同一目錄下的樣式表，可以使用以下代碼：

k rel="stylesheet" type="text/css" href="style.css">

其中，"style.css"表示當前目錄下的樣式表，"./style.css"也是一種相對路徑。

使用相對路徑可以避免路徑修改的繁瑣，但是需要注意文件位置的變化。

三、父級路徑

父級路徑是指從當前文件的上一級目錄開始的路徑。在一個子目錄下的HTML文件中引用父級目錄下的圖片，可以使用以下代碼：

gages/picture.jpg" alt="圖片">

ages/picture.jpg"表示圖片所在的相對路徑。

使用父級路徑可以方便地引用不同目錄下的文件，但是需要注意路徑的層數。

四、根目錄路徑

根目錄路徑是指從網站根目錄開始的路徑，類似于絕對路徑。但是，與絕對路徑不同的是，根目錄路徑可以在不同的網站上使用。在引用CDN上的jQuery庫時，可以使用以下代碼：

in.js">

"表示CDN的域名。

使用根目錄路徑可以方便地引用外部資源，但是需要注意資源的域名和路徑。

HTML路徑切換技巧是網頁制作中必不可少的一部分，掌握這些技巧可以讓你的網頁路徑更加靈活。在使用路徑時，需要注意文件的位置、路徑的層數、資源的域名等因素，以確保文件能夠正確引用。