CSS中用到相對位址和絕對位址,一點解析

2022-03-04 16:47:54 字數 1026 閱讀 4217

首先,明確這兩種方式只是不同索引檔案的形式,他們沒有好壞之分。

然後再來區別他們之間的不同之處。

(1)"." --代表目前所在的目錄。如:

【ps:這種情況下,一般是直接省略「./」,左邊的位址即可表示為

】(2)".." --代表上一層目錄。如:

(3)"../../"-- 代表的是上一層目錄的上一層目錄。如:

2、絕對位址

d:\users\hao\documents\github\xixi20160512.github.io/index.html

以上就是絕對位址了,由於這種表示方式過於絕對,因此也不做過多引申。

3、例項分析

例1: 

相對路徑:../img/photo.jpg

例2:c:/website/web/xz/index.htm

相對路徑:../../img/images/photo.jpg

例3:c:/website/web/xz/index.htm

以上例子,差不多可以看出相對位址表示檔案位址的用法了,其實,到現在還沒有說,這兩種方法的使用場景。什麼時候用相對位址,什麼時候用絕對位址呢。

4、不同場景下的選擇

由於相對位址是相對於原位址的描述,在將專案檔案整體遷移到其他伺服器或者電腦上的時候,原來使用的檔案位址還是可以用,而這時候絕對位址是不能用的。

相對位址和絕對位址

什麼是相對位址 document.location.href 就是相對位址跳轉,這個方法實現的是在當前路徑的基礎上進行跳轉 什麼是絕對位址 網路位址顧名思義就是直接跳轉到網路的位址,以http或者https等開頭的位址,這種位址可以直接跳轉到頁面 本地位址如果沒有特別說明在哪乙個盤,那麼所有的跳轉都...

相對位址轉絕對位址

發乙個相對位址轉絕對位址的函式 今天在研究jquery ajax功能的時候遇到乙個問題,通過 load url a load乙個網頁的鏈結後獲取到的位址資訊是相對於當前執行ajax程式的網頁的絕對位址。比如我在 c x a.html 網頁執行 www.romotc.com 網頁中有乙個鏈結 a bo...

URI URL URN,相對位址 絕對位址

uri uniform resource identifier 標準資源標示符,可以進一步分為定位器 名稱,或者二者兼具 通過一定規則解碼可以得到資源位置 在html中的href採用的是uri引用 uri引用分為絕對引用和相對引用 絕對引用以方案名和冒號開頭,其他為相對引用 url uniform ...