萬象時代LOGO
  • 萬象時代微信 萬象時代微信服務號
  • 點擊訪問萬象時代新浪微博 萬象時代微信服務號
  • 萬象時代_服務熱線

新聞資訊

News

網頁制作中絕對路徑和相對路徑的區別

DATE:2015-06-12 已瀏覽
277
很多文件之下單個頁面的連接,文件引用的時候就需要對路徑這個問題有一定的了解;或者對php 網絡程序開發有了解的程序員都會對define和include結合定義變量路徑和引用的有很多見解。

比如:

define('ROOT_PATH',dirname(__FILE__));
include(ROOT_PATH."/inc/webconfig.php");
include(ROOT_PATH."/inc/sysinfo.php");
include(ROOT_PATH."/inc/functions.php");
include(ROOT_PATH."/inc/db_sql.php");

這些都是我接下要分析的。

主要內容:

相對路徑和絕對路徑的概念

操作系統課上是這樣子說的,在文件查找上, 絕對路徑:在樹型目錄結構中,從根節點到人一個數據文件或者目錄文件都只有一條唯一的通路。將從根節點到一個數據文件的通路上經過的各個目錄文件名和數據文件名用“/”連接起來,就形成了可用來訪問這個數據文件的路徑名;相對路徑:可以為每個進程設置一個“當前目錄”,又稱為“工作目錄”,這樣每次查找文件就不需要機械地使用絕對路徑,取而代之的是使用文件相對與當前目錄的路徑,這個就是相對路徑。當然說的有點抽象,具體的請看下面我的分析主要應用在html

具體分析

HTML初學者會經常遇到這樣一個問題,如何正確引用一個文件。比如,怎樣在一個HTML網頁中引用另外一個HTML網頁作為超鏈接(hyperlink)?怎樣在一個網頁中插入一張圖片?

如果你在引用文件時(如加入超鏈接,或者插入圖片等),使用了錯誤的文件路徑,就會導致引用失效(無法瀏覽鏈接文件,或無法顯示插入的圖片等)。

為了避免這些錯誤,正確地引用文件,我們需要學習一下HTML路徑。

HTML有2種路徑的寫法:相對路徑和絕對路徑。

HTML相對路徑(Relative Path)

同一個目錄的文件引用
如果源文件和引用文件在同一個目錄里,直接寫引用文件名即可。

我們現在建一個源文件info.html,在info.html里要引用index.html文件作為超鏈接。

假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootsiteslablaindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "index.html">index.html</a> 
如何表示上級目錄
../表示源文件所在目錄的上一級目錄,http://www.wxsd.cc/表示源文件所在目錄的上上級目錄,以此類推。

假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootsitesindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "../index.html">index.html</a> 
假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "http://www.wxsd.cc/index.html">index.html</a>
假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootsiteswowstoryindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "../wowstory/index.html">index.html</a>
如何表示下級目錄
引用下級目錄的文件,直接寫下級目錄文件的路徑即可。

假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootsiteslablahtmlindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "html/index.html">index.html</a>
假設info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設index.html路徑是:D:Inetpubwwwrootsiteslablahtml utorialsindex.html 在info.html加入index.html超鏈接的代碼應該這樣寫:

<a href = "html/tutorials/index.html">index.html</a>


絕對路徑(Absolute Path)

絕對路徑(absolute path)指帶域名的文件的完整路徑。

假設你注冊了域名www.wxsd.cc,并申請了虛擬主機,你的虛擬主機提供商會給你一個目錄,比如www,這個www就是你網站的根目錄。

假設你在www根目錄下放了一個文件index.html,這個文件的絕對路徑就是: http://www.wxsd.cc/index.html。

假設你在www根目錄下建了一個目錄叫html_tutorials,然后在該目錄下放了一個文件index.html,這個文件的絕對路徑就是http://www.wxsd.cc/html_tutorials/index.html。
黄大仙心水论坛