您現在的位置是:電腦技術吧?>? 編程技術 ??>??相對路徑和絕對路徑舉例,絕對路徑和相對路徑比較??>??正文詳情

相對路徑和絕對路徑舉例,絕對路徑和相對路徑比較

占新之2019-11-22 11:41:48 人圍觀
簡介css絕對路徑和相對路徑在HTML中,當涉及到文件(如超鏈接、圖片等)時,絕對路徑和相對路徑的概念都將涉及1。絕對路徑絕對路徑指的是文件真正存在于硬盤上的路徑。例如,bg.jpg存儲

在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/program/13905.html

文章評論

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

    用戶名:

    驗證碼:

作者推薦

  • b站會員購在哪,b站會員購怎么樣

    b站會員購在哪,b站會員購怎么樣 相關圖片b站會員購怎么包郵近日,B站推出會員購買功能。我相信你們都不知道B站的會員是買什么的。現在,超人軟件編輯將為您介紹B站Android版的購買端口。我希望你喜歡B站的會員購買量是多...

  • 聯發科cpu,高通驍龍與聯發科處理器

    聯發科cpu,高通驍龍與聯發科處理器 相關圖片高通驍龍和聯發科對比對于魅族朋友來說,今年魅族的一個好消息就是與高通公司達成和解。新機器預計將配備高通處理器。重要的是要知道,魅族的flyme系統自升級到6級以來一直受到...

  • 真實案例,典型案例

    真實案例,典型案例 相關圖片每日一案例在國內HTML5發展勢頭強勁之際,國外同行也不甘示弱。在今天選定的5個HTML5案例中,甲方是一家優秀的公司,寶馬、阿迪達斯、寶潔等,作品質量無與倫比。如果有任案例網...

  • 美拍視頻在線去水印解析,美拍去水印解析在線

    美拍視頻在線去水印解析,美拍去水印解析在線 相關圖片美拍保存的視頻怎么去掉水印美派是一款非常實用的視頻拍攝軟件。在這個軟件中,用戶可以制作他們所看到的視頻并與朋友分享。你知道美派是如何尋找音樂的嗎?現在,超人軟件編...

  • 石頭怎么利用,利用石頭可以做什么

    石頭怎么利用,利用石頭可以做什么 相關圖片石頭有什么用一。材料。一張爛墻的照片和一張膠卷2的照片。創建一個新的500*350畫布并插入背景圖片。然后調整亮度和音調如下。三。拉一個大小為500*350的徑向漸變矩形。石頭是怎么...

  • 相機如何恢復出廠設置,佳能相機恢復出廠設置

    相機如何恢復出廠設置,佳能相機恢復出廠設置 相關圖片恢復出廠設置在哪里Camera 360是一款非常專業的照片美化軟件。在使用該軟件的過程中,許多合作伙伴表示,他們不知道如何恢復相機360的出廠設置。接下來,超人軟件編輯就為大家介手...

  • 校園記憶,校園的記憶600字

    校園記憶,校園的記憶600字 相關圖片校園里的記憶作文開頭我的校園內存是P-map每天新推出的一個過濾模板。通過它,用戶和朋友可以把他們的照片變成他們的學校時代的樣子。那么如何每天播放我校園記憶的P-map呢?現在...

  • 空格對齊,word空格對齊

    空格對齊,word空格對齊 相關圖片word排版對齊使用一些空格來實現中文對齊或等寬。見下表:其中,ENSP;和emsp;具有一些優秀的功能,使他們能夠站在網絡產業的舞臺上!什么特點?如上表粗體1所示。透明的;2word如...

  • 飛豬光速搶票成功率高嗎,攜程和飛豬哪個搶票快

    飛豬光速搶票成功率高嗎,攜程和飛豬哪個搶票快 相關圖片12306每天幾點放余票飛珠是阿里巴巴旗下的一款軟件。面對即將到來的國慶搶票熱潮,用戶可以利用它在第一時間搶票。那么飛豬搶票成功率高嗎?現在,超人軟件編輯想向大家介紹飛豬...

  • HTML元素,html5元素

    HTML元素,html5元素 相關圖片html行內元素有哪些定義使瀏覽器顯示提示用戶輸入單行文本的對話框會導致瀏覽器顯示提示用戶輸入單行inp的對話框html列表元素...

熱評文章

  • 可以手勢拍照的app,哪種自拍軟件可以手勢拍照

    可以手勢拍照的app,哪種自拍軟件可以手勢拍照 相關圖片手勢自拍相機手勢攝影是一種每天玩P-map的新方法。用戶可以通過手勢拍照,而無需點擊屏幕。那么,每天的P-picture手勢是在哪里拍攝的呢?現在,超人軟件編輯想介紹如何設手勢相機軟...

  • 網頁的三個基本要素,網頁要素

    網頁的三個基本要素,網頁要素 相關圖片組成網頁的三要素在制作網頁之前,我們應該首先了解網頁中需要哪些元素。今天的編輯將介紹網頁的元素網站的基本元素是網頁。每個網頁構成一個完整的網站。網頁也是可分離的。...

  • 畫圖軟件大全,簡單的畫圖軟件哪個好

    畫圖軟件大全,簡單的畫圖軟件哪個好 相關圖片手機cad制圖從事平面設計的朋友對各種繪圖軟件并不陌生,但對于那些想從事平面設計的朋友來說,繪圖軟件的知識可能僅限于PS,其實電腦繪圖軟件有好幾種,那么哪一種更好呢?安卓...

  • 時鐘講解,如何教時鐘

    時鐘講解,如何教時鐘 相關圖片復雜的時鐘問題講解視頻AS3.0示例教程II-時鐘制作效果:雖然制作時鐘有點過時,但它可以更全面地應用到時間、日期、間隔等知識中,這仍然是一個很好的入門實踐I.AS3.0時間日期簡介...

  • 藍色星球,藍色星球2

    藍色星球,藍色星球2 相關圖片藍色星球2中文近日,饑餓官員發起了一項名為“藍色星球計劃”的活動,據悉,這是一項與環保有關的活動。這么餓?什么是藍色星球計劃?餓了嗎?iPhone版如何稱霸沙漠公益林?接下...

  • 有哪些優秀網站,優秀網站

    有哪些優秀網站,優秀網站 相關圖片優秀網站名稱在全球扁平化、簡約化的趨勢下,復古風依然以其獨特的魅力占據市場。強烈的色彩識別、明亮的老年插畫等元素使許多設計師對它產生了特殊的興趣。如今,這組復古網...

  • facetime查老公,facetime 無線網絡設置

    facetime查老公,facetime 無線網絡設置 相關圖片facetime是什么電話對于視頻通話,大多數小伙伴首先使用QQ,然后微信變得流行起來,但iPhone用戶還有另一個選擇,那就是面對面交流。你說面子是什么意思什么叫facetime通話...

  • 給主播刷禮物,為什么給主播刷禮物

    給主播刷禮物,為什么給主播刷禮物 相關圖片主播沒人刷禮物怎么辦視頻吧是一款很受歡迎的直播軟件,用戶可以給自己喜愛的財經老師送上各種各樣的禮物。你知道怎么給主人刷禮物嗎?現在,超人軟件編輯也想介紹一下如何在...

  • meta,meta 4

    meta,meta 4 相關圖片meta是什么網頁的元源信息功能定期跳轉和刷新幾乎所有的網頁標題都有元源信息。除了常用的定義代碼、關鍵字和描述(forseo),我們還可以定義視區大小和縮放比例(移動)metatrade...

  • 解決方法,手機無響應的解決方法

    解決方法,手機無響應的解決方法 相關圖片手機無信號的解決方法在使用h1z1登錄游戲的過程中,很多玩家會給出4-503錯誤提示,這將導致無法進入游戲。我們怎樣才能解決這個問題?h1z1 4-503的真正解決方案是什么?如果p0300的正...

關注微信

变脸官网查询