網站建設
                                                       
                                                          收藏本站 
                                                      用戶ID/郵箱: 密 碼:
                                                      客戶中心 Customer service 您目前的位置:首 頁 > 客戶中心 > DIV+CSS 



                                                      DIV+CSS,網站建設DIV+CSS:復習html中的相對路徑和絕對路徑的區別

                                                      復習html中的相對路徑和絕對路徑的區別

                                                      在HTML里只要涉及文件的地方(如超級鏈接、圖片等)就會涉及絕對路徑與相對路徑的概念。
                                                       
                                                       1.絕對路徑
                                                          絕對路徑是指文件在硬盤上真正存在的路徑。例如“bg.jpg”這個圖片
                                                      是存放在硬盤的“E:\book\網頁布局代碼\第2章”目錄下,那么 “bg.jpg”這個
                                                      圖片的絕對路徑就是“E:\book\網頁布\代碼\第2章\bg.jpg"。
                                                      那么如果要使用絕對路徑指定網頁的背景圖片就應該使用 以下語句:
                                                      <body backround="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服務器的哪個位置,
                                                      在瀏覽器里都能正確地顯示圖片。
                                                            <body background="bg.jpg">
                                                      再 舉一個例子,假設“s1.htm”文件所在目錄為“E:\book\網頁布局\代碼\第2章”,
                                                      而“bg.jpg”圖片所在目錄為“E:\book\網頁 布局\代碼\第2章\img”,
                                                      那么“bg.jpg”圖片相對于“s1.htm”文件來說,
                                                      是在其所在目錄的“img”子目錄里,則引用圖片的語句應該 為:
                                                            <body background="img/bg.jpg">  
                                                       
                                                          注意:相對路徑使用“/”字符作為目錄的分隔字符,而絕對路徑可以使用
                                                      “\”或“/”字符作為目錄的分隔字符。由于“img”目錄是“第2章”目錄下的子目錄,
                                                      因此在“img”前不用再加上“/”字符。
                                                      在 相對路徑里常使用“../”來表示上一級目錄。如果有多個上一級目錄,
                                                      可以使用多個“../”,例如“http://www.cnblogs.com/”代表上上級目錄。
                                                      假設 “s1.htm”文件所在目錄為“E:\book\網頁布局\代碼\第2章”,
                                                      而“bg.jpg”圖片所在目錄為“E:\book\網頁布局\代碼”,那 么“bg.jpg”圖片相對于
                                                      “s1.htm”文件來說,是在其所在目錄的上級目錄里,則引用圖片的語句應該為:
                                                            <body background="../bg.jpg">  
                                                       
                                                        再舉一個例子,假設“s1.htm”文件所在目錄為“E:\book\網頁布局\代碼\第2章”,
                                                      而“bg.jpg”圖片所在目錄為“E:\book\網 頁布局\代碼\img”,那么“bg.jpg”
                                                      圖片相對于“s1.htm”文件來說,是在其所在目錄的上級目錄里的“img”子目錄里,
                                                      則引用圖片的語句 應該為:
                                                            <body background="../img/bg.jpg">  
                                                       
                                                      4.相對虛擬目錄
                                                      有關相對路徑還有一個比較特殊的表示:“相對虛擬目錄”。請看下面的例子:
                                                            <body background="/img/bg.jpg">  
                                                       
                                                        在這個例子里,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”

                                                      上一條: 如何更好的做好網站URL的優化?
                                                      下一條: css命名(筆記)
                                                      相關文章
                                                      css常用屬性總結之 id和class的區別,使用類還是ID?
                                                      關于左邊固定,右邊自適應布局的響應式布局寫法
                                                      html實現 頁面禁止右鍵 禁止復制 禁止圖片拖動 禁止復制和剪切
                                                      推廣經驗分享
                                                      其它
                                                      網站建設資源
                                                      常見問題
                                                      網站知識
                                                      首頁關于我們業務范圍新聞資訊成功案例客服中心聯系我們深圳網站建設網站優化付款帳戶
                                                      COPYRIGHT(C) 2005-2019 亞網互聯·中國 版權所有 ALL RIGHTS RESERVED (粵ICP備15005241號)
                                                      深圳網站建設公司地址:深圳市寶安區龍華民治大道東明大廈15樓 1529-1531 室   E-Mail:[email protected]  
                                                      公司電話:0755-89812581(8線)  
                                                      深圳市亞網科技有限公司 深圳網站建設常年法律顧問:朱運德律師
                                                      四川金7乐18061809期

                                                                                                                                                              浙江3d走势图2009 正好网黑龙江11选5 熊猫麻将为什么一直输 免费分享韩国音乐的公众号 四川时时有没有技巧 大乐透历吏500期开奖号 重庆时时360 快乐赛车彩票合法吗 快3一分钟走势图咋看 福彩20选5谁最厉害 赛车开户的条件 北京pk时间 河北20选五在哪里查中奖号码 上海时时11选5 天津时时结果记录 体彩18123期开奖