国产性―交―乱―色―情人-影音先锋影院中文无码-国产精品久久久久久无码五月-欧美成人看片一区二区

0755-28286476
HTML相對路徑與絕對路徑的區(qū)別及影響
2018-03-20 15:09:51   深圳原創(chuàng)信息技術(shù)有限公司   

對于一個(gè)HTML的初學(xué)者來說如何正確引用一個(gè)文件確實(shí)是經(jīng)常遇見的一個(gè)問題。怎樣在一個(gè)HTML網(wǎng)頁中引用另外一個(gè)HTML網(wǎng)頁作為超鏈接(hyperlink)?怎樣在一個(gè)網(wǎng)頁中插入一張圖片 如果你在引用文件時(shí)(如加入超鏈接,或者插入圖片等),使用了錯(cuò)誤的文件路徑,就會(huì)導(dǎo)致引用失效(無法瀏覽鏈接文件,或無法顯示插入的圖片等)。為了避免這些錯(cuò)誤,正確地引用文件,我們需要學(xué)習(xí)一下HTML路徑。

一、兩者的含意

相對路徑就是指由這個(gè)文件所在的路徑引起的跟其它文件(或文件夾)的路徑關(guān)系。使用相對路徑可以為我們帶來非常多的便利。HTML絕對路徑(absolute path)指帶域名的文件的完整路徑。

絕對路徑是指目錄下的絕對位置,直接到達(dá)目標(biāo)位置,通常是從盤符開始的路徑。

完整的描述文件位置的路徑就是絕對路徑,以web站點(diǎn)根目錄為參考基礎(chǔ)的目錄路徑。絕對路徑名的指定是從樹型目錄結(jié)構(gòu)頂部的根目錄開始到某個(gè)目錄或文件的路徑,由一系列連續(xù)的目錄組成,中間用斜線分隔,直到要指定的目錄或文件,路徑中的最后一個(gè)名稱即為要指向的目錄或文件。之所以稱為絕對,意指當(dāng)所有網(wǎng)頁引用同一個(gè)文件時(shí),所使用的路徑都是一樣的。

二、絕對路徑與相對路徑的區(qū)別

1.絕對路徑

先說在本地計(jì)算機(jī)上,文件的絕對路徑當(dāng)然是指:文件在硬盤上真正存在的路徑。

例如這個(gè)路徑:D:/wamp/www/img/icon.jpg告訴我們icon.jpg文件是在D盤的wamp目錄下的img子目錄中。我們不需要知道其他任何信息就可以根據(jù)絕對路徑判斷出文件的位置。

還有超鏈接文件位置,也屬于絕對路徑,例如http://www.img.net/img/icon.jpg 。

注意:有時(shí)候編好的頁面,在自己的計(jì)算機(jī)上瀏覽一切正常,但是上傳到Web服務(wù)器上瀏覽就很有可能不會(huì)顯示圖片了。因?yàn)殪o態(tài)HTML頁面需要上傳到網(wǎng)站,而在網(wǎng)站的應(yīng)用中,通常我們使用"/"來表示根目錄,/img/icon.jpg就表示photo.jpg文件在這個(gè)網(wǎng)站的根目錄上的img目錄里。但是要知道,這里所指的根目錄并不是你的網(wǎng)站的根目錄,而是你的網(wǎng)站所在的Web服務(wù)器的根目錄。因?yàn)樯蟼鞯絎eb服務(wù)器上時(shí),可能整個(gè)網(wǎng)站并沒有放在Web服務(wù)器的D盤, 有可能是F盤或H盤。即使放在Web服務(wù)器的D盤里,Web服務(wù)器的E盤里也不一定會(huì)存在“D:/wamp/www/img”這個(gè)目錄,因此在瀏覽網(wǎng)頁時(shí)是不會(huì)顯示圖片的。這也是應(yīng)用絕對路徑的風(fēng)險(xiǎn)。

2.相對路徑

相對路徑,顧名思義就是自己相對與目標(biāo)位置。

假設(shè) 你要引入文件的頁面名稱為test.htm,它存在叫www的文件夾里(絕對路徑D:/wamp/www/test.htm),那么引用同時(shí)存在www文件夾里的“icon.jpg”文件(絕對路徑D:/wamp/www/icon.jpg),同一目錄下相對路徑icon.jpg;如果文件“icon.jpg”存在img文文件夾中(絕對路徑D:/wamp/www/img/icon.jpg),那么相對路徑img/icon.jpg。

相對路徑可以避免上述根目錄不同的問題。只要將網(wǎng)頁文件及引用文件的相對位置與web服務(wù)器上文件相對位置保存一致,那么他們的相對路徑也會(huì)一致。例如上面的例子,“test.htm” 文件里引用了“icon.jpg”圖片,由于“icon.jpg”圖片相對于“test.htm”來說,是在同一個(gè)目錄的,那么只要這兩個(gè)文件還是在同一個(gè)目錄內(nèi),那么無論上傳到Web服務(wù)器的哪個(gè)位置,在瀏覽器里都能正確地顯示圖片。

注意:相對路徑使用“/”字符作為目錄的分隔字符,而絕對路徑可以使用“\”或“/”字符作為目錄的分隔字符。由于“img”目錄是“www”目錄下的子目錄,因此在“img”前不用再加上“/”字符。

在相對路徑里常使用“../”來表示上一級(jí)目錄。如果有多個(gè)上一級(jí)目錄,可以使用多個(gè)“../”。假設(shè) “test.htm”文件所在目錄為“D:/wamp/www/test.htm”,而“icon.jpg”圖片所在目錄為“D:/wamp/www”,那 么“icon.jpg”圖片相對于“test.htm”文件來說,是在其所在目錄的上級(jí)目錄里,則引用圖片的語句應(yīng)該為:

假設(shè) “test.htm”文件所在目錄為“D:/wamp/www/test.htm”,而“icon.jpg”圖片所在目錄為“D:/wamp/www”,那 么“icon.jpg”圖片相對于“test.htm”文件來說,是在其所在目錄的上級(jí)目錄里的子目錄——“img”中,則引用圖片的語句應(yīng)該為:

三、絕對路徑與相對路徑對SEO的影響

絕對路徑URL優(yōu)點(diǎn)是:

1、如果有人抄襲、采集你的網(wǎng)站內(nèi)容,抄襲者比較懶,連頁面里面的鏈接一起原封不動(dòng)地抄襲過去,絕對路徑鏈接還會(huì)指向你的網(wǎng)站,增加網(wǎng)站外鏈及權(quán)重。

2、網(wǎng)站有RSS輸出時(shí),內(nèi)容會(huì)被一些Feed聚合網(wǎng)站抓取顯示。同樣,頁面里指向原網(wǎng)站的鏈接會(huì)被保留。

3、有助于預(yù)防和解決網(wǎng)址規(guī)范化問題,讓蜘蛛更加確定我們網(wǎng)站的首選域。

假設(shè)我們希望被收錄的URL是帶www的版本,由于技術(shù)原因不能從http://jxbh.cn做301轉(zhuǎn)向到http://www.jxbh.cn。所有頁面中的鏈接使用絕對路徑:http://www.jxbh.cn/website.html,http://www.jxbh.cn。鏈接絕對路徑硬編碼入html文件,這樣就算有蜘蛛或用戶偶然訪問不帶www的版本,如http://jxbh.cn/website.html,這個(gè)頁面上的絕對路徑鏈接還是會(huì)把蜘蛛和用戶帶回到www的URL版本,有助于搜索引擎蜘蛛識(shí)別到底哪個(gè)版本是規(guī)范化的。就算網(wǎng)頁移動(dòng)位置,里面的鏈接還是指向正確的URL。

絕對路徑URL缺點(diǎn)是:

1、除非鏈接是動(dòng)態(tài)插入的,不然不好再測試服務(wù)器上進(jìn)行測試。因?yàn)槔锩娴逆溄訉⒅苯又赶蛘嬲蛎腢RL,而不是測試服務(wù)器上的URL。

2、除非鏈接是動(dòng)態(tài)插入的,不然移動(dòng)頁面將比較困難。因?yàn)轫撁嫖恢冒l(fā)生變化,其他頁面連向本頁面的鏈接卻可能無法跟著變化,還指向原來的已經(jīng)硬編碼的絕對路徑。

3、代碼比較多。鏈接數(shù)量大時(shí),多出來的字符可能使html文件變大不少。

相對路徑正好相反。優(yōu)點(diǎn)是:

1、移動(dòng)內(nèi)容比較容易,不用更新其他頁面上的鏈接。

2、在測試服務(wù)器上進(jìn)行測試也比較容易。

3、節(jié)省代碼。

相對路徑的缺點(diǎn)是:

1、頁面移動(dòng)位置,里面的鏈接可能也需要改動(dòng)。

2、被抄襲和采集網(wǎng)站沒有任何益處。不過很多采集軟件其實(shí)是可以自動(dòng)鑒別絕對路徑和相對路徑的,所以使用絕對路徑有助于自己的鏈接也被抄到采集網(wǎng)站上,只有某些情況下是有效的。

3、搜索引擎解析URL時(shí)可能出錯(cuò),不能正確讀取頁面上的鏈接URL。

如果不能做301轉(zhuǎn)向,因而產(chǎn)生了嚴(yán)重的網(wǎng)址規(guī)范化問題時(shí),使用絕對路徑有助于解決網(wǎng)址規(guī)范化問題。如果文章被大量轉(zhuǎn)載、抄襲,使用絕對路徑可以帶來一些外部鏈接。除此之外,使用相對路徑比較簡單。在正常情況下,相對路徑不會(huì)對網(wǎng)站有什么副作用,絕對路徑也不會(huì)有什么特殊好處。搜索引擎錯(cuò)誤解析相對路徑URL的可能性是非常低的。

相對路徑與絕對路徑?jīng)]有絕對的答案,兩者之間各有優(yōu)缺點(diǎn)。