您現在的位置是:電腦技術吧?>? 基礎知識 ??>??絕對路徑 相對路徑,相對路徑跟絕對路徑??>??正文詳情

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

合山雁2019-11-29 11:51:29 人圍觀
簡介絕對路徑和相對路徑的特點在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/basics/14839.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • eclipse如何導入maven工程,eclipse怎么導出maven項目

    eclipse如何導入maven工程,eclipse怎么導出maven項目 相關圖片maven項目導出程序ape和新手小白一定對eclipse如何導入Maven項目感到困惑。在不知道如何導入Maven項目的情況下,能夠快速、準確地使用eclipse是一件非常痛苦eclipse導入pom項目...

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

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

  • 微店代理商,怎么開微店做代理

    微店代理商,怎么開微店做代理 相關圖片微店智捷微商店是一家類似淘寶網的移動網上商城。用戶可以自己開一家小店,也可以通過代理其他商品發財。一些合作伙伴想加入這個機構,但他們不知道需要采取什么步驟,所以超...

  • 瀏覽器怎么卸載,瀏覽器卸載不了怎么辦

    瀏覽器怎么卸載,瀏覽器卸載不了怎么辦 相關圖片怎么卸載ie11瀏覽器現在有很多瀏覽器供用戶選擇,比如搜狗、UC、360、百度等,但是今天超人帶來了一個關于如何在win7系統中完全卸載IE瀏覽器的教程。如果你對這個問題有疑問,你可...

  • 任何文件都可以創建快捷圖標,文件創建快捷方式圖標

    任何文件都可以創建快捷圖標,文件創建快捷方式圖標 相關圖片用創建快捷方式的圖標網頁中最重要的元素是鏈接。今天的編輯器首先介紹如何在Dreamweaver中添加超鏈接,選擇要添加超鏈接的文本,然后將屬性面板中的“指向文件”按鈕拖動到鏈接的...

  • 頑固文件夾,刪除頑固文件夾

    頑固文件夾,刪除頑固文件夾 相關圖片為什么有的文件夾刪除不了清理計算機垃圾時,某些用戶會發現某些文件或文件夾無法刪除。例如,一些用戶在使用windows 7優化主機掃描時在磁盤d上發現了一個奇怪的目錄:found.000刪除...

  • 音樂播放器,音樂播放器哪個好

    音樂播放器,音樂播放器哪個好 相關圖片安卓本地音樂播放器一。首先在站點2中創建一個新的HTML項目。選擇Dreamweaver的設計窗口并插入布局對象的div標簽。單擊彈出3的“插入div標記”對話框中的“確定”按鈕音樂播放器制作...

  • 筆記本開機無法進桌面,電腦無法進桌面系統

    筆記本開機無法進桌面,電腦無法進桌面系統 相關圖片電腦啟動系統偶爾會出現電腦無法開機進入桌面的問題。我們應該如何正確地處理這個問題?今天,超人小編會給你一個正確的姿勢來解決電腦無法開機進入桌面的問題如果桌面上什么...

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

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

  • win10不能安裝應用,win系統安裝怎么用

    win10不能安裝應用,win系統安裝怎么用 相關圖片win10用不用安裝360與win7或win8相比,win10系統具有很大的優勢。很多朋友會選擇升級系統,但會遇到安裝win10的30g或更大空間。我們現在該怎么辦?今天的超人編輯老電腦用win7還是win10...

熱評文章

  • 滑屏音量在哪里設置,手機音量條變成豎條怎么恢復

    滑屏音量在哪里設置,手機音量條變成豎條怎么恢復 相關圖片音量豎怎么去掉Win7系統自發布以來一直非常穩定,受到很多朋友的喜愛,但偶爾也會出現一些小問題。比如,超人小編今天帶來的win7系統的音量調節動畫綠色豎條不見了,還有朋友和小...

  • 鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡

    鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡 相關圖片手機軟件提示請檢查網絡設置當我們建立一個網站,通常有許多網頁下的網站,可能有數百個甚至更多的超鏈接在網頁上。我們如何檢查出有問題的鏈接?今天的編輯將介紹如何在Drea...

  • 蘋果 邀請函,蘋果發布邀請函

    蘋果 邀請函,蘋果發布邀請函 相關圖片新品發布邀請函今天,蘋果公司正式向媒體發出邀請信,邀請他們參加將于6月6日舉行的WWDC 2017全球開發者大會。我怎樣才能收到蘋果公司的邀請函?蘋果公司的邀請函是什么照片?華為...

  • 文本,將圖片文字轉換為文本

    文本,將圖片文字轉換為文本 相關圖片照片轉換文字今天,讓我們先簡單介紹一下如何使用Dreamweaver制作網頁。首先讓我們看看如何在Dreamweaver中輸入文本,我們在Dreamweaver站點中打開一提取文字...

  • Word文檔怎么設置頁碼,Word怎么設置頁碼

    Word文檔怎么設置頁碼,Word怎么設置頁碼 相關圖片word文檔如何添加頁碼Word文檔是最常用的辦公軟件,因此超人編輯器的新電腦教程與Word相關。我們需要在word文檔的每一頁的底部插入這一頁,無論是用于紙張排版、書籍書寫還是普通文...

  • 鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡

    鏈接推送錯誤,請檢查你的網絡,滴滴鏈接推送錯誤請檢查網絡 相關圖片手機軟件提示請檢查網絡設置當我們建立一個網站,通常有許多網頁下的網站,可能有數百個甚至更多的超鏈接在網頁上。我們如何檢查出有問題的鏈接?今天的編輯將介紹如何在Drea...

  • 什么是有效用戶,實際用戶和有效用戶

    什么是有效用戶,實際用戶和有效用戶 相關圖片真實用戶憑借誘人的獎勵,視頻應用程序贏得了許多小伙伴的關注。我相信很多人都想知道視頻吧的有效用戶需要多少人?視頻條播放時間與系數有什么關系?今天,超人的小軟件編輯...

  • vs代碼提示功能設置,editplus代碼提示功能

    vs代碼提示功能設置,editplus代碼提示功能 相關圖片pycharm代碼提示功能有時一些熟悉的代碼不想被鍵入,并且可以通過鍵入第一個字母直接顯示它們。這可以在Dreamweaver中實現,這是我們經常說的代碼提示。那我們怎么設置呢?下面的編...

  • ppt里怎么做表格,ppt表格

    ppt里怎么做表格,ppt表格 相關圖片ppt中漂亮的excel表格一般來說,PowerPoint幻燈片中插入的表格是不能操作和排序的,但是這個功能可以通過簡單的修改來實現,點擊PowerPoint插入菜單中的object命令打ppt表格制作...

  • 武漢路邊停車位收費,武漢路邊停車

    武漢路邊停車位收費,武漢路邊停車 相關圖片武漢停車對車主來說,最麻煩的問題是停車。尤其是在交通高峰期,停車基本上是運氣好。武漢停車應用是一款解決停車問題的便捷應用。如何在武漢停車場應用程序中預訂停車位?如...

關注微信

变脸官网查询