HTML 文件路徑

HTML 文件路徑

文件路徑描述了網(wǎng)站文件夾結(jié)構(gòu)中某個文件的位置。

文件路徑會在鏈接外部文件時被用到：

• 網(wǎng)頁
• 圖像
• 樣式表
• JavaScript

絕對文件路徑

絕對文件路徑是指向一個因特網(wǎng)文件的完整 URL：

實例

<img src="http://hgci.cn/statics/img/logo/indexlogo@2x.png" alt="Logo">

<img> 標簽以及 src 和 alt 屬性在 HTML 圖像這一章做了講解。

相對路徑

相對路徑指向了相對于當(dāng)前頁面的文件。

在本例中，文件路徑指向了位于當(dāng)前網(wǎng)站根目錄中 logo 文件夾里的一個文件：

實例

<img src="/statics/img/logo/indexlogo@2x.png" alt="Logo">

在本例中，文件路徑指向了位于當(dāng)前文件夾中 logo 文件夾里的一個文件：

實例

<img src="statics/img/logo/indexlogo@2x.png" alt="Logo">

在本例中，文件路徑指向了位于當(dāng)前文件夾的上一級文件夾中 logo 文件夾里的一個文件：

實例

<img src="../statics/img/logo/indexlogo@2x.png" alt="Logo">

好習(xí)慣

使用相對路徑是個好習(xí)慣（如果可能）。

如果使用了相對路徑，那么您的網(wǎng)頁就不會與當(dāng)前的基準 URL 進行綁定。所有鏈接在您的電腦上 (localhost) 或未來的公共域中均可正常工作。