網(wǎng)頁制作中絕對路徑和相對路徑的區(qū)別
DATE:2015-06-12 已瀏覽 277
次
很多文件之下單個(gè)頁面的連接,文件引用的時(shí)候就需要對路徑這個(gè)問題有一定的了解;或者對php 網(wǎng)絡(luò)程序開發(fā)有了解的程序員都會(huì)對define和include結(jié)合定義變量路徑和引用的有很多見解。
比如:
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");
這些都是我接下要分析的。
主要內(nèi)容:
相對路徑和絕對路徑的概念
操作系統(tǒng)課上是這樣子說的,在文件查找上, 絕對路徑:在樹型目錄結(jié)構(gòu)中,從根節(jié)點(diǎn)到人一個(gè)數(shù)據(jù)文件或者目錄文件都只有一條唯一的通路。將從根節(jié)點(diǎn)到一個(gè)數(shù)據(jù)文件的通路上經(jīng)過的各個(gè)目錄文件名和數(shù)據(jù)文件名用“/”連接起來,就形成了可用來訪問這個(gè)數(shù)據(jù)文件的路徑名;相對路徑:可以為每個(gè)進(jìn)程設(shè)置一個(gè)“當(dāng)前目錄”,又稱為“工作目錄”,這樣每次查找文件就不需要機(jī)械地使用絕對路徑,取而代之的是使用文件相對與當(dāng)前目錄的路徑,這個(gè)就是相對路徑。當(dāng)然說的有點(diǎn)抽象,具體的請看下面我的分析主要應(yīng)用在html
具體分析
HTML初學(xué)者會(huì)經(jīng)常遇到這樣一個(gè)問題,如何正確引用一個(gè)文件。比如,怎樣在一個(gè)HTML網(wǎng)頁中引用另外一個(gè)HTML網(wǎng)頁作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁中插入一張圖片?
如果你在引用文件時(shí)(如加入超鏈接,或者插入圖片等),使用了錯(cuò)誤的文件路徑,就會(huì)導(dǎo)致引用失效(無法瀏覽鏈接文件,或無法顯示插入的圖片等)。
為了避免這些錯(cuò)誤,正確地引用文件,我們需要學(xué)習(xí)一下HTML路徑。
HTML有2種路徑的寫法:相對路徑和絕對路徑。
HTML相對路徑(Relative Path)
同一個(gè)目錄的文件引用
如果源文件和引用文件在同一個(gè)目錄里,直接寫引用文件名即可。
我們現(xiàn)在建一個(gè)源文件info.html,在info.html里要引用index.html文件作為超鏈接。
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootsiteslablaindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a href = "index.html">index.html</a>
如何表示上級目錄
../表示源文件所在目錄的上一級目錄,http://www.wxsd.cc/表示源文件所在目錄的上上級目錄,以此類推。
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootsitesindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a href = "../index.html">index.html</a>
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a >index.html</a>
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootsiteswowstoryindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a href = "../wowstory/index.html">index.html</a>
如何表示下級目錄
引用下級目錄的文件,直接寫下級目錄文件的路徑即可。
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootsiteslablahtmlindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a href = "html/index.html">index.html</a>
假設(shè)info.html路徑是:D:Inetpubwwwrootsiteslablainfo.html 假設(shè)index.html路徑是:D:Inetpubwwwrootsiteslablahtml utorialsindex.html 在info.html加入index.html超鏈接的代碼應(yīng)該這樣寫:
<a href = "html/tutorials/index.html">index.html</a>
絕對路徑(Absolute Path)
絕對路徑(absolute path)指帶域名的文件的完整路徑。
假設(shè)你注冊了域名www.wxsd.cc,并申請了虛擬主機(jī),你的虛擬主機(jī)提供商會(huì)給你一個(gè)目錄,比如www,這個(gè)www就是你網(wǎng)站的根目錄。
假設(shè)你在www根目錄下放了一個(gè)文件index.html,這個(gè)文件的絕對路徑就是: http://www.wxsd.cc/index.html。
假設(shè)你在www根目錄下建了一個(gè)目錄叫html_tutorials,然后在該目錄下放了一個(gè)文件index.html,這個(gè)文件的絕對路徑就是http://www.wxsd.cc/html_tutorials/index.html。