logo

moreleft_nav2

聯系我們


徐州云網信息技術有限公司

咨詢熱線:13395298990

聯系電話:15895233239 15366794958

咨詢熱線:0516-66771678

網址:www.t7966t.com

地址:徐州市泉山區萬科淮海天地三街區2號樓-1305


售前咨詢:kefu@xuzhouyun.com

業務受理:yewu@xuzhouyun.com

技術支持:jishu@xuzhouyun.com

開戶行:江蘇省農村信用社前進支行(314303000309)

賬 號: 3203020131010000004947

moreleft_nav2

行業動態


moreleft_nav2

相關知識


圖片的相對路徑和絕對路徑


圖片的相對路徑和絕對路徑
發布時間: 2014/3/10 15:43:15 被閱覽數: 2314 次 來源: 徐州云網信息技術有限公司

文件路徑就是文件在電腦中的位置,表示文件路徑的方式有兩種,相對路徑和絕對路徑。在網頁設計中通過路徑可以表示鏈接,插入圖像、Flash、CSS文件的位置。

物理路徑:物理路徑就是硬盤上文件的路徑,比如下面的文件:

d:\dreamdu\exe\1.html
d:\dreamdu\exe\first\2.html
d:\dreamdu\exe\first\3.html
d:\dreamdu\exe\first\second\4.html
下面的例子使用了上面四個文件進行了相互鏈接,

相對路徑(Relative Path)

如何表示同級目錄的文件

2.html和3.html在同一個文件夾下, 如果2.html鏈接到3.html,可以在2.html中這樣寫:

<a href="3.html">同目錄下文件間互相鏈接</a>
如何表示上級目錄的文件

1.html是2.html和3.html的上級目錄中的文件,如果2.html或3.html鏈接到1.html,可以在2.html或3.html中這樣寫

<a href="../1.html">鏈接到上級目錄中的文件</a>
../ 代表一級上級目錄(間隔一個目錄) ../../代表二級上級目錄(間隔兩個目錄),比如4.html鏈接到1.html,可以在4.html中這樣寫

<a href="../../1.html">鏈接到上級目錄的上級目錄中的文件</a>
如何表示下級目錄的文件

2.html和3.html是1.html的下級目錄中的文件,如果在1.html中鏈接到2.html, 可以在1.html中這樣寫

<a href="first/2.html">鏈接到下級目錄(first)中的文件</a>
如果在1.html中鏈接到4.html,可以在1.html中這樣寫

<a href="first/second/4.html">鏈接到下級目錄(first/second/)中的文件</a>
絕對路徑(Absolute Path)

絕對路徑就是帶有網址的路徑,比如你有一個域名www.fytpjy.cn,和一個網站空間,上面的四個文件就可以這么表示。

<a href=http://www.fytpjy.cn/web/1.html>鏈接到1.html</a>
<a href=http://www.fytpjy.cn/web/first/2.html>鏈接到2.html</a>
<a href=http://www.fytpjy.cn/web/first/3.html>鏈接到3.html</a>
<a href="根目錄

使用根目錄的方式表示的路徑和絕對路徑的表示方式相似,去掉前面的域名就可。

比如:

<a href="/exe/1.html">鏈接到1.html</a>
<a href="/exe/first/2.html">鏈接到2.html</a>
猴子提示: 使用根目錄和絕對路徑的好處是表示路徑比較簡單,都是從網站的最開始目錄里查找,一級一級的向下查。缺點是程序不容易移植(比如把網站做為另一個網站的一個欄目,移動到一個新的文件夾中就不行了。)



上兩條同類新聞:
  • HEML與XHTML的區別
  • 小型網站如何制作

  • 久久精品欧美日韩精品