牛腩新聞發布系統總結(二)--相對路徑與絕對路徑_絕對路徑

來源:互聯網
上載者:User

           這個問題是在載入的過程中遇到的,明明已經寫好了路徑,可是總是載入不了圖片,究其原因,還是路徑的問題,下面就來區別一下相對路徑和絕對路徑:        關鍵區別:在於描述目錄路徑時,所採用的參考點不同        特殊符號:        "." -- 代表目前所在的目錄,相對路徑。

      <img src=”./Page2Image.jpg”>或者<img src=”Page2Image. jpg”>
       ".." -- 代表上一層目錄,相對路徑。 
      <img src=”../Image/Image.jpg”>
       "../../" -- 代表的是上一層目錄的上一層目錄,相對路徑。 
       <img src=”../../Image/Image.jpg”>
       "/" -- 代表根目錄,絕對路徑。
       "D:/abc/" -- 代表根目錄,絕對路徑。        相對路徑:以引用檔案之網頁所在位置為參考基礎,而建立出的目錄路徑。           舉例:
.searchbtn{    background-image:url("../Images/搜尋.jpg") ;    width:99px;    height:35px;    border-style:none;    background-color :#fff;}<span style="font-family: tahoma, 'microsoft yahei', 微軟雅黑;"> </span>
         相對路徑的優點:

        A、容易移動內容,可以整個目錄移動。

         B、測試方法比較靈活,本機測試時比較方便。         相對路徑的缺點:

        A、部分內容頁面換了位置時,連結容易失效。

         B、容易被人大面積採集抄襲。        絕對路徑:以Web 網站根目錄為參考基礎的目錄路徑。            舉例:

           <a href="/abc">文本</a> 或 <img src="/abc" />
       絕對路徑的優點

            A、如果有人抄襲你的網站內容,裡面的連結還會指向你的網站,有些抄襲的人比較懶,根本不會去改內容。其實也不局限於被抄襲,如果有人將你的網頁儲存到本地電腦中,裡面的連結、圖片、css、以及js仍然會串連到你的網站。

         B、如果網頁位置改變,裡面的連結還是指向正確的URL。        絕對路徑的缺點:

             A、在編碼編寫時不方便使用絕對路徑,因為連結應該指向真正的網域名稱而不是開發網站。


聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.