Web資源路徑

HTML路徑:

在html中,想要引用一個文件,需要使用正確的文件路徑。顧名思義,就是該文件所在的位置。通過正確的路徑,我們可以獲得該文件,使用了錯誤的文件路徑,就會導致引用失效(無法瀏覽鏈接文件,或無法顯示插入的圖片等)。注:這裏說的文件,包括圖像文件,影視文件,文本文件等。

分類

  • Relative Path(相對路徑):同一個目錄的文件引用
  • Absolute Path(絕對路徑):帶域名的文件的完整路徑

詳解

相對路徑
  • 源文件和引用文件在同一個目錄裏————直接寫引用文件名即可

Web是基於網絡的服務,討論相對路徑的時候應該放在網絡上(即服務器)討論,但在本文中,爲了說明問題,以本地電腦上的路徑進行舉例。事實上,在本地上編寫Web程序時,在討論相對路徑時,完全可以以本地文件夾做參考,只需在將本地文件夾上傳服務器時,不改變文件夾相對位置時即可。
eg:
在這裏插入圖片描述

要在index.html中引用quote.html,則路徑爲:

<a href="quote.html">click</a>
  • 表示上級目錄————…/表示源文件所在目錄的上一級目錄

eg:
在這裏插入圖片描述

要在quote.html中引用index.html,則路徑爲:

<a href="../index.html">click</a>

表示源文件所在目錄的上上級目錄,則用…/…/,以此類推。

  • 表示下級目錄————直接寫下級目錄文件的路徑

eg:

在這裏插入圖片描述

要在index.html中引用quote.html,則路徑爲:

<a href="resource/html">click</a>
<!--或者-->
<a href="/resource/html">click</a>

絕對路徑

**【注】:**這裏所說的絕對路徑,並非是以電腦本地爲根目錄的絕對路徑。而是虛擬主機提供的目錄。

假設你註冊了域名www ncuwen.cn(此爲博主域名,有興趣歡迎訪問),並申請了虛擬主機,你的虛擬主機提供商會給你一個目錄,比如www,這個www目錄就是你網站的根目錄。

如果你在www目錄下放了一張圖片,名稱爲:img.jpg,則訪問該圖片的路徑爲:

<img src="http://img.jpg">

若在www目錄下存在一個文件夾,比如imgs目錄,img.jpg在imgs下,則訪問該圖片的路徑爲:

<img src="http://imgs/img.jpg">

eg:一個從網絡上使用資源的實例:

【溫馨提示】:在使用網絡資源時,一定要找到資源的源地址,若爲圖片,則路徑的最後一定是該圖片資源。獲取該圖片的路徑方法時:右鍵點擊該圖片,選擇複製圖片地址。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章