HTML之絕對路徑與相對路徑

  • 時間:2018-07-12 22:39 作者:前端嘮嘮嗑 來源:前端嘮嘮嗑 閱讀:234
  • 掃一掃,手機訪問
摘要:路徑指文件存放的位置,在網頁中利使用路徑能引使用文件,插入圖像、視頻等。表示路徑的方法有兩種:相對路徑,絕對路徑。以下探討均是在HTML環境下進行。相對路徑相對路徑是指目標相對于當前文件的路徑,網頁結構設計中多采使用這種方法來表示目標的路徑。相對路徑有多種表示方法,其表示的意義不盡相同。表示方法如下
HTML之絕對路徑與相對路徑

路徑指文件存放的位置,在網頁中利使用路徑能引使用文件,插入圖像、視頻等。表示路徑的方法有兩種:相對路徑,絕對路徑。以下探討均是在HTML環境下進行。

相對路徑

相對路徑是指目標相對于當前文件的路徑,網頁結構設計中多采使用這種方法來表示目標的路徑。相對路徑有多種表示方法,其表示的意義不盡相同。表示方法如下:

./ :代表文件所在的目錄(能省略不寫)

../ :代表文件所在的父級目錄

../../ :代表文件所在的父級目錄的父級目錄

/ :代表文件所在的根目錄

值得注意的是,(/ :代表文件所在的根目錄)其實能了解成項目內部的絕對路徑。

HTML之絕對路徑與相對路徑

圖1:項目目錄結構

以圖1所示項目目錄結構為例,假如要在test.html中引入000.css,能有以下寫法:

1、 (./能省略)

2、

3、

絕對路徑

絕對路徑是指完整的網址,假設圖一中項目的網站域名為www.test.com,那么000.css的絕對路徑應該是

https://www.test.com/HelloHBuilder/html/css/css1/000.css。

相對路徑與絕對路徑的優缺點

HTML之絕對路徑與相對路徑

表1:相對路徑與絕對路徑的優缺點

HTML之絕對路徑與相對路徑

HTML之絕對路徑與相對路徑

  • 全部評論(0)
最新發布的資訊信息
【系統環境|服務器應用】在CentOS 7上如何安裝Gogs 0.11.53(2020-02-10 10:14)
【系統環境|】淘碼庫,據消息稱已被調查。淘碼庫源碼網,已經無法訪問!(2020-01-14 04:13)
【系統環境|服務器應用】Discuz隱藏后臺admin.php網址修改路徑(2019-12-16 16:48)
【系統環境|服務器應用】2020新網站如何讓百度快速收錄網站首頁最新方法,親測有用!免費(2019-12-16 16:46)
【系統環境|服務器應用】Discuz發布帖子時默認顯示第一個主題分類的修改方法(2019-12-09 00:13)
【系統環境|軟件環境】Android | App內存優化 之 內存泄漏 要點概述 以及 處理實戰(2019-12-04 14:27)
【系統環境|軟件環境】MySQL InnoDB 事務(2019-12-04 14:26)
【系統環境|軟件環境】vue-router(單頁面應用控制中心)常見用法(2019-12-04 14:26)
【系統環境|軟件環境】Linux中的Kill命令(2019-12-04 14:26)
【系統環境|軟件環境】Linux 入門時必學60個文件解決命令(2019-12-04 14:26)
手機二維碼手機訪問領取大禮包
返回頂部
3d开机号查询