如何從 HTML 存取更高目錄中的檔案？

從HTML 中更高的目錄存取檔案

組織網站資源時，通常會將樣式表和圖片等檔案分隔到不同的目錄中以便於管理。但是，當您需要從 HTML 中引用這些檔案時，如果未正確指定路徑，則可能會遇到問題。

問題：

考慮以下場景：樣式表儲存在「{root}/styles」中，圖像儲存在「{root}/images」中。如何從樣式表中引用圖像，確保使用正確的路徑？

解決方案：

要解決此問題，請使用父目錄指示符“. ." 在路徑中：

background-image: url('../images/bg.png');

此修改指示瀏覽器在目錄結構中向上移動一級，然後找到“images”目錄。透過使用“..”（兩個句點），您將存取目前目錄的父目錄（“styles”）。這允許您引用更高級別目錄中的文件，即使實際的 HTML 文件位於不同的子目錄中也是如此。

以上是如何從 HTML 存取更高目錄中的檔案？的詳細內容。更多資訊請關注PHP中文網其他相關文章！