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

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

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

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

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

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

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

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

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

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

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

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

以下哪些是相對(duì)路徑（多選）

.

../cover1.jpg

../cover/cover1.jpg

cover1.jpg

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

總結(jié)

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

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