歡迎評論和指正，希望我的學(xué)習(xí)經(jīng)驗(yàn)可以幫助到你。

絕對路徑：目標(biāo)文件在硬盤上的真實(shí)路徑（最精確路徑）

舉個栗子：找到文件，右鍵點(diǎn)擊后打開屬性，可以看到我把喜歡的封面'cover1.jpg'儲存在了路徑_C:Users80975OneDriveDesktopcover_
那么_C:Users80975OneDriveDesktopcovercover1.jpg _就是絕對路徑

所以在html的圖片引用中可以寫

<!-- 用 / 或 都可以 --> <img src="C:Users80975OneDriveDesktopcovercover1.jpg" alt="cover1">

相對路徑：相對于當(dāng)前文件位置的路徑

舉個栗子：我不想用絕對路徑，那么在html中要怎么寫才能引用cover1.jpg呢？
這里要介紹一個等級概念,目錄的上級(父級)，同級，下級（子級）。從這里開始，我們管文件夾叫目錄(directory)

下級（子目錄）：在web目錄下，可以看到有一個用chrome打開的文件，我把它叫做test.html，那么test.html就叫做web目錄的下級。
上級：web是test.html的上級目錄
同級：web和cover1.jpg在同目錄中，成為同級那么我們來實(shí)戰(zhàn)練習(xí)一下，test.html如何才能引用cover1.jpg呢？

實(shí)戰(zhàn)演練引用格式

1.引用上級文件： ../cover1.jpg
2.引用同級文件： cover1.jpg
3.引用下級文件： cover/cover1.jpg
4.引用上上級文件： ../../cover1.jpg

<!-- 1.引用上級文件,為圖片中例子 --> <img src="../cover1.jpg" alt="cover1"><!-- 2.引用同級文件 --> <img src="cover1.jpg" alt="cover1"><!-- 3.引用下級文件 --> <img src="cover/cover1.jpg" alt="cover1"><!-- 4.引用上上級文件 --> <img src="../../cover1.jpg" alt="cover1">

相對路徑：位置靈活，寫法簡單，只要在同盤中就可引用查找
絕對路徑：用的較少，因?yàn)槟夸浺欢?#xff0c;除非引用文件從來不移動，否則你每次都要改。不適合上傳web。
練習(xí)一下

以下哪些是相對路徑（多選）

.

../cover1.jpg

../cover/cover1.jpg

cover1.jpg

|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
正確答案：以上全是
_

總結(jié)

以上是生活随笔為你收集整理的中相对路径与绝对路径的写法_相对路径和绝对路径？简洁易懂解释+实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。