絕對地址與相對地址的概念
發表時間:2024-05-09 來源:明輝站整理相關軟件相關文章人氣:
[摘要]絕對地址和相對地址是網站開發基礎知識中很重要的知識點。1.在網頁中插入文件時,不可以使用硬盤的絕對路徑 舉個例子,在網頁中插入圖片,代碼如下:<!DOCTYPE HTML><html><head><meta http-equiv="Cont...
絕對地址和相對地址是網站開發基礎知識中很重要的知識點。
1.在網頁中插入文件時,不可以使用硬盤的絕對路徑 舉個例子,在網頁中插入圖片,代碼如下:
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>插入圖片</title>
</head>
<body>
<img src="file:///E /MyDocument/Pictures/1.jpg">或<img src="E:\MyDocument\Pictures\1.jpg">
</body>
</html>
意思是:插入一張圖片,圖片路徑是“E:\MyDocument\Pictures\1.jpg”。
即:這張圖片是放在電腦的“E:\MyDocument\Pictures\”文件夾里,圖片文件名是:“1.jpg”。但是,這樣的代碼是錯誤的。
(1)由于HTML代碼是客戶端標記語言,這段代碼實際是告訴瀏覽器:顯示一張圖片,它放在客戶端瀏覽者硬盤中的某個文件夾中。但實際上前端代碼并沒有讀取瀏覽者硬盤文件的權限,它涉及計算機數據的安全,如果沒有加以限制,那么通過網頁就可以直接刪除或格式化瀏覽者的硬盤數據,又或者讀取瀏覽者的硬盤數據往網絡上上傳,任何安全和隱私都將不存在。所以這種越權讀取文件或數據的代碼,網頁無法成功執行。
(2)網站開發者的電腦在該路徑位置確實存在這張圖片,那么即使在網站開發者的瀏覽器中測試能正常顯示該圖片,當將該網頁上傳到服務器或虛擬主機中,他人訪問網頁時仍然是無法正常看到該圖片的。該圖片并不存在于瀏覽者的硬盤中(這張圖片只存在于網站開發者的電腦中)。
所以在網頁中插入圖片或其它文件時,不可以使用硬盤的絕對路徑。
2.認識絕對地址和相對地址
例一,假設我們電腦E盤的目錄和文件結構如下圖:

(圖2-39)
根據“E:\UPUPW_AP5.6\Apache2\conf\httpd-vhosts.conf”里的配置,“E:\UPUPW_AP5.6\htdocs\”對應網址“http://127.0.0.1/”,那么:
(1)“E:\UPUPW_AP5.6\htdocs\”的“htdocs”文件夾是網站的(服務器物理路徑)根目錄。
“http://127.0.0.1/”的最后一個斜杠“/”代表網站的(虛擬路徑)根目錄。
這兩者呈對應關系。我們如果要訪問“E:\UPUPW_AP5.6\htdocs\index.html”這個網頁文件,對應的網址是“http://127.0.0.1/index.html”;如果要訪問“E:\UPUPW_AP5.6\htdocs\images\001.jpg”這個圖片文件,對應的網址是“http://127.0.0.1/images/001.jpg”。
(2)假如我們在“E:\UPUPW_AP5.6\htdocs\index.html”這個網頁文件中插入圖片“E:\UPUPW_AP5.6\htdocs\images\001.jpg”,正確的代碼寫法有三種:
①<img src="images/001.jpg">(這是相對地址,相對于“index.html”網頁本身的地址)
②<img src="/images/001.jpg">(這是絕對地址,以“/”開頭。“/”對應網站的根目錄,即從網站的根目錄“E:\UPUPW_AP5.6\htdocs\”算起)
③<img src="http://127.0.0.1/images/001.jpg">(這也是絕對地址,是一條完整的網址。但對站內文件的引用不推薦這種寫法,一旦網站換域名就要修改很多代碼,增加了維護成本。)
(3)假如我們在“E:\UPUPW_AP5.6\htdocs\member\login.html”這個網頁文件中插入圖片
“E:\UPUPW_AP5.6\htdocs\images\001.jpg”,那么正確的寫法有三種:
①<img src="../images/001.jpg">(這是相對地址,相對于“login.html”網頁本身的路徑。“../”代表往上一層文件夾,當前“login.html”在“member”文件夾中,“login.html”往上一層文件夾則到達“htdocs”文件夾,到達“htdocs”文件夾后,再定位“images/001.jpg”即是“E:\UPUPW_AP5.6\htdocs\images\001.jpg”)
②<img src="/images/001.jpg">(這是絕對地址,以“/”開頭。“/”對應網站的根目錄,即從網站的根目錄“E:\UPUPW_AP5.6\htdocs\”算起)
③<img src="http://127.0.0.1/images/001.jpg">(這也是絕對地址,是一條完整的網址。對站內文件的引用不推薦使用這種形式。)
(4)區分斜杠(/)和反斜杠(\)的使用
按常識,硬盤中的物理路徑使用的是反斜杠(\),如:“E:\UPUPW_AP5.6\htdocs\”,那么我們可以這樣記憶:反斜杠(\)用于硬盤的物理路徑。
除了物理路徑,網址、網站中涉及路徑的,我們均使用斜杠(/),如:“/images/001.jpg”。
(5)相對地址、絕對地址也有人稱為相對路徑、絕對路徑。
例二,假設我們電腦E盤的目錄和文件結構如下圖:

(圖2-40)
根據“E:\UPUPW_AP5.6\Apache2\conf\httpd-vhosts.conf”里的配置,“E:\UPUPW_AP5.6\htdocs\”對應網址“http://127.0.0.1/”,那么:
(1)“E:\UPUPW_AP5.6\htdocs\”的“htdocs”文件夾是網站的(服務器物理路徑)根目錄。
“http://127.0.0.1/”的最后一個斜杠“/”代表網站的(虛擬路徑)根目錄。
這兩者呈對應關系。我們如果要訪問“E:\UPUPW_AP5.6\htdocs\new\a\b\reg.html”這個網頁文件,對應的網址是:“http://127.0.0.1/new/a/b/reg.html”,如果要訪問“E:\UPUPW_AP5.6\htdocs\new\a\b\c\002.jpg”這個圖片文件,對應的網址是:“http://127.0.0.1/new/a/b/c/002.jpg”。
(2)假如我們在“E:\UPUPW_AP5.6\htdocs\new\a\b\reg.html”這個網頁文件中插入圖片“E:\UPUPW_AP5.6\htdocs\new\a\b\c\002.jpg”,那么正確的代碼寫法有三種:
①<img src="c/002.jpg">(相對地址)
②<img src="/new/a/b/c/002.jpg">(絕對地址)
③<img src="http://127.0.0.1/new/a/b/c/002.jpg">(絕對地址)
(3)假如我們在“E:\UPUPW_AP5.6\htdocs\new\a\b\reg.html”這個網頁文件中插入圖片“E:\UPUPW_AP5.6\htdocs\new\d\e\003.jpg”,那么正確的代碼寫法有三種:
①<img src="../../d/e/003.jpg">(相對地址)
②<img src="/new/d/e/003.jpg">(絕對地址)
③<img src="http://127.0.0.1/new/d/e/003.jpg">(絕對地址)
(4)假如我們在“E:\UPUPW_AP5.6\htdocs\new\a\b\reg.html”這個網頁中,要鏈接“E:\UPUPW_AP5.6\htdocs\new\d\e\test.html”這個網頁,那么正確的代碼寫法有三種:
①<a href="../../d/e/test.html">test</a>(相對路徑)
②<a href="/new/d/e/test.html">test</a>(絕對路徑)
③<a href="http://127.0.0.1/new/d/e/test.html">test</a>(絕對路徑)
(5)假如我們在“E:\UPUPW_AP5.6\htdocs\new\a\b\reg.html”這個網頁中,要鏈接“E:\UPUPW_AP5.6\Apache2\”文件夾中的文件,有辦法嗎?
<a href="../../../Apache2/filename.ext">test</a>(錯誤)
當網站的物理路徑根目錄在服務器里(Apache)配置為“E:\UPUPW_AP5.6\htdocs\”,那么絕對地址開頭的“/”符號即是指網站的根目錄,對應“E:\UPUPW_AP5.6\htdocs\”;而相對路徑“../../../../../../../../”無論向上多少層,最上層只能到達網站的根目錄“E:\UPUPW_AP5.6\htdocs\”,不會再向上一層。這也是屬于安全問題。假如通過向上一層的路徑關系可以突破我們配置的網站物理路徑根目錄“E:\UPUPW_AP5.6\htdocs\”,那么意味著通過網頁可以鏈接和使用服務器里的任意文件,包括服務器系統盤里的系統文件。當使用網頁程序語言(如ASP、PHP、.NET、JSP)來編寫網站代碼時,那么將可以操作讀取服務器里的任意文件,還可以刪除服務器里的任意文件,包括服務器的系統文件……這是多么可怕的事情。所以涉及服務器安全性的問題,會有權限限制。
以上就是絕對地址和相對地址的概念的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。