從HTML 中更高的目錄存取檔案
組織網站資源時,通常會將樣式表和圖片等檔案分隔到不同的目錄中以便於管理。但是,當您需要從 HTML 中引用這些檔案時,如果未正確指定路徑,則可能會遇到問題。
問題:
考慮以下場景:樣式表儲存在「{root}/styles」中,圖像儲存在「{root}/images」中。如何從樣式表中引用圖像,確保使用正確的路徑?
解決方案:
要解決此問題,請使用父目錄指示符“. ." 在路徑中:
background-image: url('../images/bg.png');
此修改指示瀏覽器在目錄結構中向上移動一級,然後找到“images”目錄。透過使用“..”(兩個句點),您將存取目前目錄的父目錄(“styles”)。這允許您引用更高級別目錄中的文件,即使實際的 HTML 文件位於不同的子目錄中也是如此。
以上是如何從 HTML 存取更高目錄中的檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!