您現在的位置是:電腦技術吧?>? 組裝維修 ??>??絕對路徑 相對路徑,相對路徑跟絕對路徑??>??正文詳情

絕對路徑 相對路徑,相對路徑跟絕對路徑

清星騰2019-11-11 09:20:34 人圍觀
簡介絕對路徑和相對路徑的特點在HTML中,當涉及到文件(如超鏈接、圖片等)時,絕對路徑和相對路徑的概念都將涉及1。絕對路徑絕對路徑指的是文件真正存在于硬盤上的路徑。例如,bg

在HTML里只要涉及文件的地方(如超級鏈接、圖片等)就會涉及絕對路徑與相對路徑的概念。

  1.絕對路徑  絕對路徑是指文件在硬盤上真正存在的路徑。

例如bg.jpg這個圖片是存放在硬盤的E:book網頁布局代碼第2章目錄下,那么bg.jpg這個圖片的絕對路徑就是E:book網頁布代碼第2章bg.jpg。

那么如果要使用絕對路徑指定網頁的背景圖片就應該使用以下語句:  2.使用絕對路徑的缺點  事實上,在網頁編程時,很少會使用絕對路徑,如果使用E:book網頁布代碼第2章bg.jpg來指定背景圖片的位置,在自己的計算機上瀏覽可能會一切正常,但是上傳到Web服務器上瀏覽就很有可能不會顯示圖片了。

因為上傳到Web服務器上時,可能整個網站并沒有放在Web服務器的E盤,有可能是D盤或H盤。

即使放在Web服務器的E盤里,Web服務器的E盤里也不一定會存在E:book網頁布局代碼第2章這個目錄,因此在瀏覽網頁時是不會顯示圖片的。

  3.相對路徑  為了避免這種隋況發生,通常在網頁里指定文件時,都會選擇使用相對路徑。

所謂相對路徑,就是相對于自己的目標文件位置。

例如上面的例子,s1.htm文件里引用了bg.jpg圖片,由于bg.jpg圖片相對于s1.htm來說,是在同一個目錄的,那么要在s1.htm文件里使用以下代碼后,只要這兩個文件的相對位置沒有變(也就是說還是在同一個目錄內),那么無論上傳到Web服務器的哪個位置,在瀏覽器里都能正確地顯示圖片。

  再舉一個例子,假設s1.htm文件所在目錄為E:book網頁布局代碼第2章,而bg.jpg圖片所在目錄為E:book網頁布局代碼第2章img,那么bg.jpg圖片相對于s1.htm文件來說,是在其所在目錄的img子目錄里,則引用圖片的語句應該為:  注意:相對路徑使用/字符作為目錄的分隔字符,而絕對路徑可以使用或/字符作為目錄的分隔字符。

由于img目錄是第2章目錄下的子目錄,因此在img前不用再加上/字符。

  在相對路徑里常使用../來表示上一級目錄。

如果有多個上一級目錄,可以使用多個../,例如../../代表上上級目錄。

假設s1.htm文件所在目錄為E:book網頁布局代碼第2章,而bg.jpg圖片所在目錄為E:book網頁布局代碼,那么bg.jpg圖片相對于s1.htm文件來說,是在其所在目錄的上級目錄里,則引用圖片的語句應該為:  再舉一個例子,假設s1.htm文件所在目錄為E:book網頁布局代碼第2章,而bg.jpg圖片所在目錄為E:book網頁布局代碼img,那么bg.jpg圖片相對于s1.htm文件來說,是在其所在目錄的上級目錄里的img子目錄里,則引用圖片的語句應該為:  4.相對虛擬目錄  有關相對路徑還有一個比較特殊的表示:相對虛擬目錄。

請看下面的例子:  在這個例子里,background屬性的值為/img/bg.jpg,注意在img前有一個/字符。

這個/代表的是虛擬目錄的根目錄.假設把E:book網頁布局代碼設為虛擬目錄,那么/img/bg.jpg的真實路徑為E:book網頁布局代碼img/bg.jpg;如果把E:book網頁布局代碼第2章設為虛擬目錄,那么/img/bg.jpg的真實路徑為E:book網頁布局代碼第2章img/bg.jpg

版權聲明:本文由 清星騰 整理編輯。

原標題:絕對路徑和相對路徑比較,相對路徑與絕對路徑的聯系

轉載注明出處:http://www.dn9ww09s.icu/assemble/11652.html

文章評論

    共有條評論來說兩句吧...

    用戶名:

    驗證碼:

作者推薦

  • 電腦下面的任務欄不見了不顯示,電腦不顯示任務欄

    電腦下面的任務欄不見了不顯示,電腦不顯示任務欄 相關圖片電腦任務欄沒了有多少經常使用電腦的人會遇到這樣或那樣的問題,這是任何用戶都不會遇到的。打開網頁后,他們發現桌面下的狀態欄不見了,但當他們關閉網頁時,他們又出來了。...

  • 我的屬性面板,屬性面板

    我的屬性面板,屬性面板 相關圖片屬性網頁中最重要的元素是鏈接。今天小編先介紹如何在Dreamweaver中添加超鏈接,選擇要添加超鏈接的文本,在屬性面板中點擊鏈接文件夾,選擇要鏈接的網頁文件,添加圖層屬性面板在...

  • 筆記本沒有無線網絡連接,筆記本無線網絡連接不上

    筆記本沒有無線網絡連接,筆記本無線網絡連接不上 相關圖片筆記本連接不上wifi我們知道無線網絡連接是筆記本最大的亮點,但也有一些用戶遇到了明顯存在無線網絡的情況,卻沒有辦法連接。這可能是因為他們不熟悉筆記本的開關。接下來,小...

  • 同框,陰陽師哪些框有特效

    同框,陰陽師哪些框有特效 相關圖片動畫制作視頻線框文本效果也是非常簡單的效果之一。在生產過程中,效果如圖1所示。為了達到這種文本效果,具體操作如下:圖11。創建新電影,在屬性面板中將其大小設置為290px8特...

  • mac遠程桌面連接在哪,mac連接遠程桌面

    mac遠程桌面連接在哪,mac連接遠程桌面 相關圖片遠程桌面連接在Windows系統上,我們可以通過遠程桌面或QQ遠程控制對方的電腦。但對于一個使用蘋果Mac的小朋友來說,這并不容易。因為蘋果Mac的特殊性,還想操作,怎么操win7遠程桌面...

  • 筆記本風扇噪音,風扇噪音小的筆記本

    筆記本風扇噪音,風扇噪音小的筆記本 相關圖片筆記本風扇響我們都知道風扇是筆記本電腦的主要散熱片。當筆記本電腦工作時,里面產生的熱量會被風扇排出。但也有部分用戶遇到了筆記本風扇的噪音,在這種噪音環境下工作很長...

  • 簡單的小制作,人物模型制作

    簡單的小制作,人物模型制作 相關圖片手工科技小制作簡單的首先,讓我們欣賞我們美麗逼真的玉:1。用面圓工具畫一個圓,如下圖所示:2。用漸變填充剛畫的圓,選擇星型輻射(適當調整漸變的不透明度),然后選擇紋理...

  • 電腦顯示器花屏是什么問題,電腦顯示器黑屏

    電腦顯示器花屏是什么問題,電腦顯示器黑屏 相關圖片電腦顯示器近日,在后臺,一位用戶反映,自己的電腦顯示器正處于倒位、無序、屏幕抖動、失真等狀態,并詢問是怎么回事?怎么解決?其實,這是典型的電腦顯示屏,那么如何解決...

  • 創建菜單,創建菜單快捷菜單用

    創建菜單,創建菜單快捷菜單用 相關圖片vb創建菜單網頁中最重要的元素是鏈接。今天小編先介紹如何在Dreamweaver中添加超鏈接,選擇要添加超鏈接的文本,然后在“超鏈接”對話框的“插入”菜單中選擇超鏈接選項,access創建...

  • 如何設置路由器密碼,手機怎么設置路由器密碼

    如何設置路由器密碼,手機怎么設置路由器密碼 相關圖片192168.1.1路由器設置很多用戶在安裝和配置路由器時,都不會注意修改路由器的登錄密碼,所以在這種情況下,別人很容易登錄到我們的路由器管理界面,導致網絡賬號和密碼被盜,造成...

熱評文章

  • 電腦配置參數怎么看,電腦配置怎么看

    電腦配置參數怎么看,電腦配置怎么看 相關圖片電腦配置怎么看怎么選對許多老鳥來說,他們知道如何看待自己的電腦配置,但那些購買品牌電腦或筆記本電腦的人卻不知道如何看待自己的電腦配置。買價很貴。在使用過程中,各種...

  • 套件,m套件

    套件,m套件 相關圖片思域套件如果界面不一致和刷新,很可能導致用戶流失。本教程將教您使用焰火來構建一個供將來使用的UI套件。并教你如何整合設計元素進行案例研究用FW構建的UI套件可以輸出為矢c...

  • 筆記本溫度過高,筆記本溫度過高會怎樣

    筆記本溫度過高,筆記本溫度過高會怎樣 相關圖片顯卡溫度過高眾所周知,由于空間狹小,筆記本電腦通常比臺式機更容易加熱。如果長時間使用,嚴重時會切換或打開程序。嚴重時,會出現藍屏或自動重啟。這時,怎樣才能解決筆記...

  • Flash制作,flash怎么制作

    Flash制作,flash怎么制作 相關圖片flash動畫的制作流程Flash MX添加了properties inspector,并引入了從Flash 5.0的智能剪輯演變而來的組件。它有七個組件UI預置(如圖1所示)來運行fflash動畫制作教程...

  • 華為小電腦筆記本新款,小手板電腦筆記本

    華為小電腦筆記本新款,小手板電腦筆記本 相關圖片聯想筆記本電腦聲音小怎么辦如今,許多人會用筆記本玩游戲。很多用戶像小編一樣抱怨筆記本的聲音太小,尤其是玩網絡游戲時。一點也不令人震驚。有時,即使聲音很大,聲音很小...

  • 電腦筆記本,什么筆記本電腦好

    電腦筆記本,什么筆記本電腦好 相關圖片哪種筆記本電腦比較好當使用筆記本電腦時,用戶以非常高的速度打開軟件和網頁是很奇怪的。顯然,我們還沒有打開幾個軟件,但不知道如何得到一個筆記本電腦卡。這會影響我們的...

  • 水晶logo,水晶logo標

    水晶logo,水晶logo標 相關圖片水晶品牌標志最終效果圖中水晶標識的具體制作過程如下:水星家紡logo...

  • 聯想u盤啟動,u盤啟動

    聯想u盤啟動,u盤啟動 相關圖片聯想電腦u盤啟動如何設置BIOS優先級?實際上,設置BIOS優先級很容易。只要我們做以下步驟,我們就能解決這個問題。作為一臺計算機,我們對如何設置BIOS有一點專業知識聯想按f12沒有...

  • 華碩筆記本攝像頭倒置怎么辦,華碩筆記本有攝像頭嗎

    華碩筆記本攝像頭倒置怎么辦,華碩筆記本有攝像頭嗎 相關圖片筆記本攝像頭倒置我們知道筆記本電腦有自己的內置攝像頭,普通用戶平時不會打開攝像頭,有些用戶還會用攝像頭進行視頻聊天。這不是真的。當用戶進行QQ聊天時,當他們打開拍照軟...

  • 腳本鏈接,點連接腳本

    腳本鏈接,點連接腳本 相關圖片連接腳本沒有entry外部鏈接,又常被稱為:反向鏈接或導入鏈接,是指其他網站鏈接到你的網站的鏈接。  外部鏈接指的是針對搜索引擎,與其它站點所做的友情鏈接。高質量的外部鏈...

關注微信

变脸官网查询