奇怪的HTML鏈接行爲

Question

我在HTML中工作時，當我開始遇到引用不同頁面的麻煩時，我開始使用data/css/styles.css，並且在網站主目錄的頁面上工作得很好（不在任何其他文件夾內），然後當我在一個子目錄中做了同樣的事情（例如「/ home /」），它不起作用。所以我然後嘗試使用標準/data/css/styles.css，這也沒有在主或子目錄中工作。所以然後我試着用../data/css/styles.css我的最後一次嘗試在子目錄上運氣好，但不是主要的。但是當我在JSFiddle上的第二個（/data/css...）和第三個（../data/css）他們工作正常。我的編譯器有問題嗎（Visual Studio Web Developer 2010）還是奇怪的調試？提前致謝。

Answer 1

如果路徑名以/開頭，則它將相對於網站的DocumentRoot進行解釋。如果路徑名不是以/開頭，則它將相對於包含該鏈接的頁面的URL進行解釋。因此，如果路徑爲/a/b/c.html的頁面包含鏈接dir1/dir2/foo.css，它將轉換爲/a/b/dir1/dir2/foo.css。 ../前綴用於通過路徑名中的目錄進行備份，因此如果頁面包含../dir1/foo.css，則它將轉換爲/a/dir1/foo.css。