一、什么是超鏈接

       所謂的超鏈接是指從一個(gè)網(wǎng)頁指向一個(gè)目標(biāo)的連接關(guān)系，這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁，也可以是相同網(wǎng)頁上的不同位置，還可以是一個(gè)圖片，一個(gè)電子郵件地址，一個(gè)文件，甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁中用來超鏈接的對(duì)象，可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后，鏈接目標(biāo)將顯示在瀏覽器上，并且根據(jù)目標(biāo)的類型來打開或運(yùn)行。

　　類型    

　　按照鏈接路徑的不同,網(wǎng)頁中超鏈接一般分為以下3種類型: 內(nèi)部鏈接,錨點(diǎn)鏈接和外部鏈接。

　　超鏈接對(duì)象    

　　超鏈接是超級(jí)鏈接的簡(jiǎn)稱。如果按照使用對(duì)象的不同，網(wǎng)頁中的鏈接又可以分為：文本超鏈接，圖像超鏈接，E-mail鏈接，錨點(diǎn)鏈接，多媒體文件鏈接，空鏈接等。

　　超鏈接是一種對(duì)象，它以特殊編碼的文本或圖形的形式來實(shí)現(xiàn)鏈接，如果單擊該鏈接，則相當(dāng)于指示瀏覽器移至同一網(wǎng)頁內(nèi)的某個(gè)位置，或打開一個(gè)新的網(wǎng)頁，或打開某一個(gè)新的WWW網(wǎng)站中的網(wǎng)頁。

　　網(wǎng)頁超鏈接    

　　網(wǎng)頁上的超鏈接一般分為三種：一種是絕對(duì)URL的超鏈接。URL(Uniform Resource Locator)就是統(tǒng)一資源定位符，簡(jiǎn)單地講就是網(wǎng)絡(luò)上的一個(gè)站點(diǎn)、網(wǎng)頁的完整路徑。http://www.xxx. com/

　　第二種是相對(duì)URL的超鏈接。如將自己網(wǎng)頁上的某一段文字或某標(biāo)題鏈接到同一網(wǎng)站的其他網(wǎng)頁上面去;

　　還有一種稱為同一網(wǎng)頁的超鏈接，這種超鏈接又叫做書簽。

　　動(dòng)態(tài)靜態(tài)    

　　超鏈接還可以分為動(dòng)態(tài)超鏈接和靜態(tài)超鏈接。動(dòng)態(tài)超鏈接指的是可以通過改變HTML代碼來實(shí)現(xiàn)動(dòng)態(tài)變化的超鏈接，例如我們可以實(shí)現(xiàn)將鼠標(biāo)移動(dòng)到某 個(gè)文字鏈接上，文字就會(huì)象動(dòng)畫一樣動(dòng)起來或改變顏色的效果，也可以實(shí)現(xiàn)鼠標(biāo)移到圖片上圖片就產(chǎn)生反色或朦朧等等的效果。而靜態(tài)超鏈接，顧名思義，就是沒有 動(dòng)態(tài)效果的超鏈接。

　　顏色    

　　在網(wǎng)頁中，一般文字上的超鏈接都是藍(lán)色(當(dāng)然，用戶也可以自己設(shè)置成其他顏色)，文字下面有一條下劃線。當(dāng)移動(dòng)鼠標(biāo)指針到該超鏈接上時(shí)，鼠標(biāo)指 針就會(huì)變成一只手的形狀，這時(shí)候用鼠標(biāo)左鍵單擊，就可以直接跳到與這個(gè)超鏈接相連接的網(wǎng)頁或WWW網(wǎng)站上去。如果用戶已經(jīng)瀏覽過某個(gè)超鏈接，這個(gè)超鏈接的 文本顏色就會(huì)發(fā)生改變(默認(rèn)為紫色)。只有圖像的超鏈接訪問后顏色不會(huì)發(fā)生變化。

   二、內(nèi)部鏈接、外部鏈接與腳本鏈接

　    外部鏈接，又常被稱為：“反向鏈接”或“導(dǎo)入鏈接”，是指其他網(wǎng)站鏈接到你的網(wǎng)站的鏈接。

　　外部鏈接指的是針對(duì)搜索引擎，與其它站點(diǎn)所做的友情鏈接。高質(zhì)量的外部鏈接指：和你的網(wǎng)站建立鏈接的網(wǎng)站知名度高,訪問量大,同時(shí)相對(duì)的外部鏈

　　作用

　　外部鏈接主要有兩個(gè)作用。一個(gè)作用是面向用戶，用戶可以通過A網(wǎng)站的鏈接點(diǎn)擊到B網(wǎng)站從而帶來訪問者，另一個(gè)作用是外部鏈接可以分享到一部分權(quán) 重，A網(wǎng)站鏈接到B網(wǎng)站代表A網(wǎng)站告訴搜索引擎它信任B網(wǎng)站，覺得B網(wǎng)站是一個(gè)不錯(cuò)的網(wǎng)站從而給B網(wǎng)站投了一票，這樣B網(wǎng)站就可以從A網(wǎng)站分享到一定權(quán) 重，并在搜索引擎那的權(quán)重得到提高。

　　接較少,有助于快速提升你的網(wǎng)站知名度和排名的其他網(wǎng)站的友情鏈接。

　　內(nèi)部鏈接

　　與外部鏈接(即反向鏈接)相反，內(nèi)部鏈接是指同一網(wǎng)站域名下的內(nèi)容頁面之間互相鏈接。如頻道、欄目、終極內(nèi)容頁之間的鏈接，乃至站內(nèi)關(guān)鍵詞之間 的Tag鏈接都可以歸類為內(nèi)部鏈接，因此內(nèi)部鏈接我們也可以稱之為站內(nèi)鏈接，對(duì)內(nèi)部鏈接的優(yōu)化其實(shí)就是對(duì)網(wǎng)站的站內(nèi)鏈接的優(yōu)化。

　　內(nèi)部鏈接的作用

　　我們都知道外部鏈接可以提高網(wǎng)站權(quán)重，進(jìn)而促使排名靠前，那么內(nèi)部鏈接又有什么作用呢?反向鏈接的重要性，很多SEO項(xiàng)目其實(shí)到了后期就是外部 鏈接的交換與維護(hù)，由此也可見外部鏈接對(duì)網(wǎng)站排名的重要性。但是很多SEO將外部鏈接當(dāng)成網(wǎng)站優(yōu)化的全部，這其實(shí)是非常錯(cuò)誤的，因?yàn)楹侠淼匕才艃?nèi)部鏈接， 尤其是大型網(wǎng)站，合理的內(nèi)部鏈接部署策略同樣可以極大地提升網(wǎng)站的SEO效果。作為SEO，我們不應(yīng)該忽略站內(nèi)鏈接所起的巨大作用。

　　內(nèi)部鏈接的優(yōu)點(diǎn)

　　內(nèi)部鏈接容易控制，成本低。你直接就可以在自己的站上進(jìn)行部署，不像外部鏈接的不可控性比較大，需要大量的購買或長(zhǎng)期的積累才有辦法實(shí)現(xiàn)穩(wěn)定的SEO效果。

　　腳本鏈接

　　執(zhí)行 JavaScript 代碼或調(diào)用 JavaScript 函數(shù)。它非常有用，能夠在不離開當(dāng)前 Web 頁面的情況下為訪問者提供有關(guān)某項(xiàng)的附加信息。腳本鏈接還可用于在訪問者單擊特定項(xiàng)時(shí)，執(zhí)行計(jì)算、驗(yàn)證表單和完成其它處理任務(wù)。

   三、絕對(duì)路徑與相對(duì)路徑

       在HTML里只要涉及文件的地方(如超級(jí)鏈接、圖片等)就會(huì)涉及絕對(duì)路徑與相對(duì)路徑的概念。

　　1.絕對(duì)路徑

　　絕對(duì)路徑是指文件在硬盤上真正存在的路徑。例如“bg.jpg”這個(gè)圖片是存放在硬盤的“E:＼book網(wǎng)頁布局代碼第2章”目錄下，那么 “bg.jpg”這個(gè)圖片的絕對(duì)路徑就是“E:＼book網(wǎng)頁布代碼第2章＼bg.jpg"。那么如果要使用絕對(duì)路徑指定網(wǎng)頁的背景圖片就應(yīng)該使用以下語 句：

　　2.使用絕對(duì)路徑的缺點(diǎn)

　　事實(shí)上，在網(wǎng)頁編程時(shí)，很少會(huì)使用絕對(duì)路徑，如果使用“E:＼book網(wǎng)頁布代碼第2章＼bg.jpg”來指定背景圖片的位置，在自己的計(jì)算機(jī) 上瀏覽可能會(huì)一切正常，但是上傳到Web服務(wù)器上瀏覽就很有可能不會(huì)顯示圖片了。因?yàn)樯蟼鞯絎eb服務(wù)器上時(shí)，可能整個(gè)網(wǎng)站并沒有放在Web服務(wù)器的E 盤，有可能是D盤或H盤。即使放在Web服務(wù)器的E盤里，Web服務(wù)器的E盤里也不一定會(huì)存在“E:＼book網(wǎng)頁布局代碼第2章”這個(gè)目錄，因此在瀏覽 網(wǎng)頁時(shí)是不會(huì)顯示圖片的。

　　3.相對(duì)路徑

　　為了避免這種隋況發(fā)生，通常在網(wǎng)頁里指定文件時(shí)，都會(huì)選擇使用相對(duì)路徑。所謂相對(duì)路徑，就是相對(duì)于自己的目標(biāo)文件位置。例如上面的例 子，“s1.htm”文件里引用了“bg.jpg”圖片，由于“bg.jpg”圖片相對(duì)于“s1.htm”來說，是在同一個(gè)目錄的，那么要在 “s1.htm”文件里使用以下代碼后，只要這兩個(gè)文件的相對(duì)位置沒有變(也就是說還是在同一個(gè)目錄內(nèi))，那么無論上傳到Web服務(wù)器的哪個(gè)位置，在瀏覽 器里都能正確地顯示圖片。

　　再舉一個(gè)例子，假設(shè)“s1.htm”文件所在目錄為“E:＼book網(wǎng)頁布局代碼第2章”，而“bg.jpg”圖片所在目錄為“E:＼book 網(wǎng)頁布局代碼第2章img”，那么“bg.jpg”圖片相對(duì)于“s1.htm”文件來說，是在其所在目錄的“img”子目錄里，則引用圖片的語句應(yīng)該為：

　　注意：相對(duì)路徑使用“/”字符作為目錄的分隔字符，而絕對(duì)路徑可以使用“”或“/”字符作為目錄的分隔字符。由于“img”目錄是“第2章”目錄下的子目錄，因此在“img”前不用再加上“/”字符。

　　在相對(duì)路徑里常使用“../”來表示上一級(jí)目錄。如果有多個(gè)上一級(jí)目錄，可以使用多個(gè)“../”，例如“../../”代表上上級(jí)目錄。假設(shè) “s1.htm”文件所在目錄為“E:＼book網(wǎng)頁布局代碼第2章”，而“bg.jpg”圖片所在目錄為“E:＼book網(wǎng)頁布局代碼”，那么 “bg.jpg”圖片相對(duì)于“s1.htm”文件來說，是在其所在目錄的上級(jí)目錄里，則引用圖片的語句應(yīng)該為：

　　再舉一個(gè)例子，假設(shè)“s1.htm”文件所在目錄為“E:＼book網(wǎng)頁布局代碼第2章”，而“bg.jpg”圖片所在目錄為“E:＼book 網(wǎng)頁布局代碼img”，那么“bg.jpg”圖片相對(duì)于“s1.htm”文件來說，是在其所在目錄的上級(jí)目錄里的“img”子目錄里，則引用圖片的語句應(yīng) 該為：

　　4.相對(duì)虛擬目錄

　　有關(guān)相對(duì)路徑還有一個(gè)比較特殊的表示：“相對(duì)虛擬目錄”。請(qǐng)看下面的例子：

　　在這個(gè)例子里，background屬性的值為“/img/bg.jpg”，注意在“img”前有一個(gè)“/”字符。這個(gè)“/”代表的是虛擬目錄 的根目錄.假設(shè)把“E:＼book網(wǎng)頁布局代碼”設(shè)為虛擬目錄，那么“/img/bg.jpg”的真實(shí)路徑為“E:＼book網(wǎng)頁布局代碼 img／bg.jpg”;如果把“E:＼book網(wǎng)頁布局代碼第2章”設(shè)為虛擬目錄，那么“/img/bg.jpg”的真實(shí)路徑為“E:＼book網(wǎng)頁布 局代碼第2章img／bg.jpg”