認識路徑
<a target="_blank">
<img src="imweb-logo.png" alt="IMWeb 學院">
</a>
- 電腦中的某個文件
E:\娛樂\音樂\藍蓮花.mp3
嗜暴,或在網(wǎng)上看到的某個圖片的網(wǎng)址https://8.url.cn/edu/download/images/s-3-bg.86430f50.jpg
缰揪,這些都是路徑. - 而在
<a>
元素和<img>
元素嚎京,說到的鏈接地址href
屬性和圖片地址src
屬性德绿,這兩個屬性的值也是路徑.
路徑分為絕對路徑和相對路徑忱叭。
- 絕對路徑:以站點根目錄為參考基礎的路徑.
- 相對路徑:由文件本身所在的路徑引起的跟其它文件的路徑關(guān)系.
實例
以生活中的地址為例碉考,如果我們要描述家庭小區(qū)的具體位置就可以說 “中國XX省XX市XX區(qū)XX路XX小區(qū)”占锯,也可以說“XX小區(qū)旁的XX小區(qū)”袒哥。前者就類似于絕對地址,后者就是一個相對地址消略。
相對路徑
在使用相對路徑時统诺,我們用符號“./”來表示當前目錄,用符號“../”來表示當前目錄的父目錄.
如果以相對路徑來引入的話疑俭,我們可以寫成:
- 圖片:
../../img/img-style.png
- 樣式:
./style.css
絕對路徑
在使用絕對路徑時粮呢,我們使用"/" 代表根目錄.
如果以絕對路徑來引入的話,我們可以寫成:
- 圖片:
/img/img-style.png
- 樣式:
/p2/exercises/style.css
其他站點要訪問該目錄時钞艇,則需要加上域名地址.