6.25日(rì)音(yīn)訊,網頁之相(xαβ♣¶iàng)對(duì)、絕對(duì)路(lù)徑的(♦±£γde)關聯和(hé)區(qū)别。無論是(shì)初學者還(≤↕←↓hái)是(shì)老(lǎo)手都(dōu)會(huì)遇到(dà<∑•↓o)路(lù)徑的(de)問(wèn)題，有(yǒu)時(s÷♦✔'hí)出了(le)問(wèn)題找了(le)半天£☆沒有(yǒu)解決，當然這(zhè)也(yě)很(hěn)正常，這(zhè)是↑¥©(shì)因為(wèi)路(lù)徑的(de)引用(yòng≈§)錯(cuò)誤而發生(shēng)的(de)，現(xiàn)在咱們就(j↕♥←∞iù)來(lái)詳細說(shuō)一(yī)下(xφ&"↑ià)它們之間(jiān)的(de)關聯和(hé)不(bù)同，以幫> 助大(dà)家(jiā)共同提高(gāo)。如(rú)何正确引用(♥★ yòng)一(yī)個(gè)文(wén)件(ji←★©àn)。比如(rú)，怎樣在一(yī)個(∞ gè)HTML網頁中引用(yòng)另外(wài)一(yī)個(±$εgè)HTML網頁作(zuò)為(wèi)超鏈接(hyperlink)？Ω×∞€怎樣在一(yī)個(gè)網頁中插入一(yī)張圖片等等。
如(rú)果你(nǐ)在引用(yòng)文(wén)件(jiàn§★σ)時(shí)(如(rú)加入超鏈接，或者插入圖片等)，使用(yòng)了( ↔→le)錯(cuò)誤的(de)文(wén)件(jià↕×n)路(lù)徑，就(jiù)會(huì)導緻引用(yòngλ×)失效(無法浏覽鏈接文(wén)件(jiàn€)，或無法顯示插入的(de)圖片等)。
為(wèi)了(le)避免這(zhè)些(xiē)☆±∏λ錯(cuò)誤，正确地(dì)引用(yòng)$↔文(wén)件(jiàn)，我們需要(yào)學習(®↓₹xí)一(yī)下(xià)HTML路(lù)徑。
HTML有(yǒu)2種路(lù)徑的(de)寫法：相(xiàng)對(↑¶duì)路(lù)徑和(hé)絕對(duì)路(lù)徑。•♦
HTML相(xiàng)對(duì)路(lù)徑(Relative$ΩPath)
同一(yī)個(gè)目錄的(de)文(wén)件(jiàn)引用(y$δ≠òng)
如(rú)果源文(wén)件(ji↓✔àn)和(hé)引用(yòng)文(wén)件(jiàn'<)在同一(yī)個(gè)目錄裡(lǐ)，直₩↑₩λ接寫引用(yòng)文(wén)件(jiànα®)名即可(kě)。
我們現(xiàn)在建一(yī)個☆§δ(gè)源文(wén)件(jiàn)info.html，在info ¶β✔.html裡(lǐ)要(yào)引用(yòn¶₩↓g)index1.html文(wén)件(jiàn)作(zuò)為(wèiεβ )超鏈接。
假設info.html路(lù)徑是(÷₽÷☆shì)：c:\Inetpub\wwwroσδot\sites\blabla\info.htm×€©♣l
假設index1.html路(lù)徑是"★$(shì)：c:\Inetpub\wwwroot\>≠&§sites\blabla\index1.html
在info.html加入index1.html超鏈接的(₹↔α≤de)代碼應該這(zhè)樣寫：
<ahref="index1.html&qu ☆ot;>index1.html</★™a>
如(rú)何表示上(shàng)級目錄
../表示源文(wén)件(jiàn)所在目錄的(de)上(s∞★hàng)一(yī)級目錄，../../表示源文(wén)件(j®•₽iàn)所在目錄的(de)上(shàng)上(shàng)級目錄，以此類π₹♦推。
假設info.html路(lù)徑是(shì)：c:\Inetpub\ σσ•wwwroot\sites\blabla\info.html
假設index1.html路(lù)徑是(shì)：c:\Inet∑pub\wwwroot\sites\index1.html
在info.html加入index1.html超鏈接的(deδ₩®γ)代碼應該這(zhè)樣寫：
<ahref="index.html"←£♣£>index1.html</a>↕±
假設info.html路(lù)徑是(shì)：c:\Inetpub < ±\wwwroot\sites\blabla\info.html
假設index1.html路(lù)徑是(sh€♣ì)：c:\Inetpub\wwwroot\ind↑"∑ex1.html
在info.html加入index1.htm±≈"l超鏈接的(de)代碼應該這(zhè)樣寫：
<ahref="index$£×.html">index1.html<×®←/a>
假設info.html路(lù)徑是(shì)：c:\In↓↔€γetpub\wwwroot\sites\blabla\info.htm σ↕l
假設index1.html路(lù)徑是(shì)：c:\Inλφ ↑etpub\wwwroot\sites\wowstσ™&"ory\index1.html
在info.html加入index1✔∞↔.html超鏈接的(de)代碼應該這(zhè)樣寫：
<ahref="../ ±πλwowstory/index1.html">i↕αndex1.html</a>
如(rú)何表示下(xià)級目錄
引用(yòng)下(xià)級目錄的(de)文( →wén)件(jiàn)，直接寫下(xià)級目錄文(wα₽σén)件(jiàn)的(de)路(lù)徑即可(kě)。
假設info.html路(lù)徑是(shì)：c:\Ine≈δ∏tpub\wwwroot\sites\blabla\info.html₹☆
假設index1.html路(lù)$∞•徑是(shì)：c:\Inetpub\wwwroot\sit♦"↑es\blabla\html\index1.html ₩≈
在info.html加入index1.html超鏈接的(d↕×♥ e)代碼應該這(zhè)樣寫：
<ahref="html/i ↓♠ndex1.html">φ"index1.html</a>
假設info.html路(lù)徑是(shì)：c:\Inetp©'αub\wwwroot\sites\blab♠↔la\info.html
假設index1.html路(lù)徑是(shì)：c:\Ine±•tpub\wwwroot\sites\blabla\html\tutorialλ's\index1.html
在info.html加入index1.html超鏈 ↑接的(de)代碼應該這(zhè)樣寫：
<ahref="html/tutorials/ind♠✔πex1.html">index1.÷>html</a>
HTML絕對(duì)路(lù)徑(AbsoluteP→€ath)
HTML絕對(duì)路(lù)徑(absolutep÷•ath)指帶域名的(de)文(wén)件(jiàn)的(de)完整路(lù)徑÷♠✘₩。
假設你(nǐ)注冊了(le)域名www.h"®π×dscwl.com，并申請(qǐng)了(le)虛拟主機₽(jī)，你(nǐ)的(de)虛拟主機(jī)提供商會(huì)給你♥ <♥(nǐ)一(yī)個(gè)目錄，比如(rú→α×)www，這(zhè)個(gè)www就(jiù)是(shì•>π)你(nǐ)網站(zhàn)的(de)根目錄。
假設你(nǐ)在www根目錄下(xià)放(₹∏fàng)了(le)一(yī)個(gè)<<£文(wén)件(jiàn)index1.html，這(←'↓≤zhè)個(gè)文(wén)件(jiànπ₩≈)的(de)絕對(duì)路(lù)徑就(jiù)是(shì)：/indexφ€£1.html。
文(wén)件(jiàn)的(de)絕對(du≤✘'♦ì)路(lù)徑就(jiù)是(shì)/sense/282.html
給大(dà)家(jiā)說(shuō)了(✘σα$le)很(hěn)多(duō)，相(xiàng)信大(dà)家(jiā)會(↓∑huì)有(yǒu)一(yī)定的(de)收獲，∞"♠×其實我們在實踐中隻有(yǒu)不(bù)斷的(de)溫故知(zhī)↑$≥新才能(néng)有(yǒu)所創造，有(yǒu)所" 提高(gāo)，有(yǒu)所發現(xiàn)，當我們長(cháng)βφ≤時(shí)間(jiān)沒有(yǒu)接觸的(de)時(shí)候，在重'≈≥頭來(lái)看(kàn)一(yī)下(xiன∞α)，相(xiàng)信一(yī)定會(huì)有(y®₹ǒu)所收獲。
