Chap 07 HTML創建超連接

7.1 超連接的基本知識
   每一個網頁都有一個惟一的地址,稱爲統一資源定位符(URL)。
7.1.1  絕對路徑
   絕對路徑是包含服務器規範在內的徹底路徑。絕對路徑無論源文件在什麼位置均可以精確地找到,除非是目標文檔的位置發生變化,不然連接不會失敗。採用絕對路徑的好處是,它同連接的源端點無關。只要網站的地址不變,不管文檔在端點中如何移動,均可以正常實現跳轉而不會發生錯誤。另外,若是但願連接站點上的其餘內容,就必須使用絕對路徑。
   採用絕對路徑的缺點在於這種方式的連接並不利於測試。若是在站點中使用絕對地址,要想測試連接是否有效,必須在Internet服務器上進行測試。另外一個缺點是,採用絕對路徑不利於站點的移植。
7.1.2  相對路徑
   爲了不絕對路徑的缺陷,對於在同一站點之中的連接來講,使用相對路徑是一個很好的方法。相對路徑能夠表述源端點同目標端點之間的相互位置,它同源端點的位置密切相關。
   若是在連接中源端點和目標端點位於同一個目錄下,則只須要將目錄的相對路徑關係表示出來就能夠了。
   若是在連接中源端點和目標端點不在同一個目錄下,則只須要將目錄的相對關係表示出來就能夠了。
   若是連接指向的文檔位於當前目錄的子級目錄中,則能夠利用…符號表示當前位置的父級目錄,從而構建出目錄的相對位置。
   利用相對路徑的好處是,若是站點的結構和文檔的位置不變,那麼連接就不會出錯。能夠將整個網站的移植到另外一個地址的網站中,而不須要修改文檔中的連接路徑。
   
7.2 內部連接
   內部連接是指連接的對象是在同一個網站中的資源。
7.2.1 認識內部連接
與自身網站頁面有關的連接被稱爲內部連接。
語法:
<a href="連接地址">
……
</a>

7.2.2  連接的目標窗口
在建立網頁的過程當中,默認狀況下超連接在原來的瀏覽器窗口中打開,可使用target屬性來控制打開的目標窗口。
語法:
<a href ="連接目標" target="目標窗口的打開方式"> 
說明: target參數取值有4種
self:在當前頁面中打開連接。
blank: 在一個全新的空白窗口中打開連接。
top:在頂層框架中打開連接,也能夠理解爲在根框架中打開連接。
parent:在當前框架的上一層裏打開連接。

7.3 錨點連接
網站中常常會有一些文檔頁面因爲文本或者圖像過多,致使頁面過長。訪問者須要不停地拖動瀏覽器上的滾動條來查看文檔中的內容。爲了方便用戶查看文檔中的內容,在文檔中須要進行錨點連接。

7.3.1 創建錨點 
錨點就是指在給定名稱的網頁中的某一個位置,在建立錨點連接前首先要創建錨點。
語法:
<a name="錨點的名稱"></a>
說明:利用錨點名稱能夠鏈接到相應的位置。這個名稱可使數字和英文,或者二者的混合,最好要區分大小寫。同一個網頁中能夠有無數個錨點,可是不能有相同名稱的兩個錨點。

7.3.2  連接同一頁面中的錨點
創建了錨點以後,就能夠建立到錨點的連接,須要用#號以及錨點的名稱做爲href屬性值。
語法:
<a href="#錨點的名稱">……</a>
說明:
在該語法中,在href屬性後輸入頁面中建立的錨點的名稱,能夠鏈接到頁面中不一樣的位置。

7.3.3 連接到其餘頁面中的錨點
錨點連接不但能夠連接到同一頁面,也能夠在不一樣頁面中設置。
語法:
<a href="連接的文件地址#錨點連接">……</href>
說明:在該語法中,與同一頁面內的錨點連接不一樣的是,須要在錨點名稱前增長文件所在的位置以設置一個單獨的連接頁面,使其連接到前面定義的錨點頁面。

7.4 外部連接(跳轉到當前網站以外的資源中)
7.4.1 連接到外部網站
網頁中最經常使用的利用HTTP協議進行外部連接是在設置友情連接時。
語法:
<a href="

7.4.2 連接到Email(可使瀏覽者迅速反饋本身的意見)
語法:
<a href="mailto:郵件地址">……</a> 

7.4.3 連接到FTP 
FTP是指文件傳輸協議,一個FTP站點一般包含一些容易上傳和下載文件的文件目錄。大部分的FTP網站須要一個用戶名和密碼來進入網站。
語法:
<a href="ftp://ftp地址">……</a>

7.4.4  連接到Telnet 
Telnet經常用來登陸一些BBS網站,也是一種遠程登陸方式。
語法:
<a href="telnet://地址">……</a>

7.4.5 下載文件
在某些網站中只須要單擊一個連接就能夠自動下載文件。
語法:
<a href="文件地址">……</a>
說明:在文件所在地址部分設置的路徑,能夠是相對地址,也能夠是絕對地址。若是超連接指向的不是一個網頁文件,而是其餘文件例如zip、MP三、exe文件等,單擊連接的時候就會下載文件。
相關文章
相關標籤/搜索