在進行網頁開發時,我們都需要用到各種各樣的文件,如 HTML 文件、CSS 樣式文件、JavaScript 腳本文件、圖片等等,這些文件也需要按照一定的路徑規則來引用。HTML 與 jQuery 項目路徑也不例外,它們都需要遵循一定的路徑規則。
HTML 與 jQuery 項目路徑有三種類型,分別是絕對路徑、相對路徑、根目錄路徑。
絕對路徑是一種完整的路徑,通常以 http://、ftp:// 等開頭,這種路徑直接指向文件的位置。
<img src="http://www.example.com/images/image.jpg" alt="Example Image">
相對路徑是基于當前文件的位置來引用其他文件,分為同目錄、父級目錄、子目錄三種。
- 同目錄:直接寫文件名(需注意大小寫)
<img src="image.jpg" alt="Example Image">
<link rel="stylesheet" href="../css/style.css">
<script src="js/main.js"></script>
根目錄路徑是從網站的根目錄開始引用文件,一般用于網站根目錄下的文件引用。
<img src="/images/logo.png" alt="Site Logo">
在進行 HTML 與 jQuery 的路徑引用時,我們需要注意路徑書寫的正確性,以避免引用不到對應的文件而導致頁面出錯。