HTML中相對路徑的方式引用檔案
一、不同目錄下檔案的引用
假設index.html與test.html位於不同檔案下:
<a href="../index.html">index.html</a>
這裡的"…/“表示當前目錄下的上一級目錄,”…/…/"則表示當前目錄下的上上級目錄,依次類推。
假如index.html位於user資料夾下時,要從下級目錄下連結到index.html頁面,則應寫成如下形式:
<a href="../user/index.html>index.html</a>
二、同一目錄下的檔案引用
同樣地,假設index.html與test.html位於相同檔案下,可以直接寫成:
<a href="index.html>index.html</a>
三、下級目錄下的檔案引用
當檔案test.html位於D:/WEB/test.html下,而index.html位於D:/WEB/admin/index,要在test.html中引用index檔案,可寫成如下形式:
<a href="admin/index.html>index.html</a>
在引用圖片檔案時也是一樣的。
相關文章
- Linux檔案的路徑定位-相對路徑和絕對路徑Linux
- HTML絕對路徑與相對路徑HTML
- QT 檔案相對路徑載入QT
- html中想把圖片絕對路徑 改成相對路徑怎麼操作?HTML
- PHP 計算兩個檔案的相對路徑PHP
- FileUpload 上傳的檔案獲取相對路徑
- 好程式設計師web前端分享絕對路徑與相對路徑的引用程式設計師Web前端
- 017-html檔案路徑HTML
- Python使用import匯入相對路徑的其他py檔案PythonImport
- 好程式設計師分享html圖片絕對路徑改相對路徑程式設計師HTML
- 獲取當前js檔案被引用的路徑JS
- 絕對路徑和相對路徑的區別,
- 最最基礎的乾貨:Linux中的絕對路徑和相對路徑Linux
- Java中的獲取檔案的物理絕對路徑,和讀取檔案Java
- Linux中絕對路徑和相對路徑有什麼區別?Linux
- css檔案與資源路徑相關CSS
- 深入解析Java絕對路徑與相對路徑Java
- 05_Linux相對路徑和絕對路徑Linux
- html如何根據檔案路徑顯示檔案內容(pdf)HTML
- Html中引用其他html頁面的幾種方式HTML
- VsCode相對路徑的問題VSCode
- Webpack 中 css import 使用 alias 相對路徑WebCSSImport
- web頁面引用相關檔案或者頁面方式彙總Web
- oracle 修改資料檔案路徑(四種方式)Oracle
- python如何將相對路徑轉換為絕對路徑?Python
- vue引用js檔案的多種方式VueJS
- Linux檢視程式檔案絕對路徑Linux
- java配置檔案設定絕對路徑Java
- 獲取絕對路徑 【檔案找不到】
- 程式設計中對於檔案路徑應該注意的問題程式設計
- JavaWeb中讀取【專案路徑下檔案】的路徑問題:this.getServletContext().getRealPath()JavaWebServletContext
- CMake連結庫,會檢索庫引用標頭檔案路徑
- Create React app 引用中使用絕對路徑ReactAPP
- SpringBoot 中獲取專案的路徑和檔案流Spring Boot
- Linux中絕對路徑和相對路徑是什麼?二者有何區別?Linux
- gcc g++ 新增標頭檔案路徑和庫檔案路徑的方法GC
- 相對路徑一遍過
- Java 最佳化:讀取配置檔案 "萬能方式" 跨平臺,動態獲取檔案的絕對路徑Java