HTML(6)超鏈接


一、超文本(HyperText)

  標記語言的真正威力在於其收集能力,它可以將收集來的文檔組合成一個完整的信息庫,並且可以將文檔庫與世界上的其他文檔集合鏈接起來。

這樣的話,讀者不僅可以完全控制文檔在屏幕上的顯示,還可以通過超鏈接來控制瀏覽信息的順序。這就是 HTML 和 XHTML 中的 “HT” - 超文本(hypertext),就是它將整個 Web 網絡連接起來。

參考:http://www.w3school.com.cn/tags/tag_term_hypertext.asp

二、超鏈接(Hyper Link)

  1.超鏈接定義

  超鏈接(Hyperlink):是網頁中指向一個目標的連接關系,這個目標可以是網頁、網頁中的具體位置、圖片、郵件地址、文件、應用程序等。

      

  2.超鏈接分類

    a.按照鏈接路徑的不同,網頁中超鏈接一般分為以下3種類型: 內部鏈接(相對URL),錨點鏈接(anchor連接)和外部鏈接(絕對URL)。

    b.按照使用對象的不同,網頁中的鏈接又可以分為:文本超鏈接,圖像超鏈接,E-mail鏈接,錨點鏈接,多媒體文件鏈接,空鏈接等。

    c.超鏈接還可以分為動態超連接和靜態超連接。動態超連接指的是可以通過改變HTML代碼來實現動態變化的超鏈接,例如我們可以實現將鼠標移動到某個文字鏈接上,文字就會象動畫一樣動起來或改變顏色的效果,也可以實現鼠標移到圖片上圖片就產生反色或朦朧等等的效果。而靜態超鏈接,顧名思義,就是沒有動態效果的超鏈接。

  參考地址:http://baike.baidu.com/view/743.htm

  3.HTML超鏈接語法

  超鏈接是通過<a></a>標簽來表示的,有兩種使用 <a> </a>標簽的方式:通過使用 href 屬性 - 創建指向另一個文檔的鏈接;通過使用 name 屬性 - 創建文檔內的書簽。基本的超鏈接語法如:<a href="url">Link text</a>,其中href屬性指定鏈接的目標URL,“Link text ” 為鏈接文本(即超文本),:"鏈文本" 不必一定是文本,圖片或其他 HTML 元素都可以成為鏈接的對象。

  錨記鏈接:name 屬性規定錨(anchor)的名稱。name 屬性用於創建 HTML 內部的書簽。書簽不會以任何特殊方式顯示,它對讀者是不可見的。當使用命名錨(named anchors)時,我們可以創建直接跳至頁面中某個節的鏈接,這樣使用者就無需不停的滾動頁面來尋找他們需要的信息。 命名錨經常用於在大型文檔開始位置上創建目錄。可以為每個章節賦予一個命名錨,然后把鏈接到這些錨的鏈接放到文檔的上部。如果您經常訪問百度百科,您會發現其中幾乎每個詞條都采用這樣的導航方式。假如瀏覽器找不到已定義的命名錨,那么就會定位到文檔的頂端。不會有錯誤發生。    

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title>HTML超鏈接</title>
 5 </head>
 6 <body>
 7     <div>
 8         <!--基本的超鏈接標簽,通過href屬性指定鏈接的目標URL-->
 9         <a href="http://www.cnblogs.com/sunyunh/">我的博客</a>
10 
11         <!--站內鏈接,相對URL-->
12         <a href="/index.html">首頁</a>
13 
14         <!--title屬性,指定當鼠標停在超鏈接上時顯示的文本-->
15         <a href="http://www.cnblogs.com/sunyunh/" title="隨心而動的博客!">我的博客</a>
16 
17         <!--使用 Target 屬性,你可以定義被鏈接的文檔在何處顯示。
18         target取值:
19             _blank:在新窗口中打開
20             _self:在當前頁面打開,默認
21             _top:在瀏覽器的窗口打開
22             _parent:在父窗口打開
23         -->
24         <a href="http://www.cnblogs.com/sunyunh/" title="隨心而動的博客!" target="_blank">我的博客</a>
25 
26         <!--在這里定義一個錨記鏈接的命名錨,方法是指定name屬性:name="錨名稱"-->
27         <a name="">UsefulanchorName Tips Section</a>
28 
29         <p>
30             <!--這是一個圖片超鏈接,將img標簽作為超鏈接的對象即可-->
31             <a href="../HTML超鏈接.html" title="HTML超鏈接語法">
32                 <img src="http://www.cnblogs.com/圖片/m.jpg" border="0" alt="圖片鏈接" />
33             </a>
34         </p>
35 
36         <!--鏈接到命名錨記-->
37         <a href="#anchorName">轉到anchorName(Useful Tips Section)</a>
38 
39         <!--創建從另一個頁面指向該文檔中“anchorName”部分的鏈接
40             方法是:將 # 符號和錨名稱添加到 URL 的末端,就可以直接鏈接到 anchorName 這個命名錨了。
41         -->
42         <a href="http://www.w3school.com.cn/html_links.htm#anchorName">
43             Visit the Useful Tips Section (anchorName)
44         </a>
45        
46        <!--郵件鏈接,指定href屬性為mailto:Email地址-->
47         <a href="mailto:someone@gmail.com">我的Gmail郵箱</a>
48 
49     </div>
50 </body>
51 </html>

  參考地址:http://www.w3school.com.cn/html/html_links.asp

三、統一資源定位符(URL)

  1.URL概述

   統一資源定位符(URL,Uniform Resource Locator)是用於完整地描述Internet上網頁和其他資源的地址的一種標識方法。Internet上的每一個網頁都具有一個唯一的名稱標識,通常稱之為URL地址,這種地址可以是本地磁盤,也可以是局域網上的某一台計算機,更多的是Internet上的站點。簡單地說,URL就是Web地址,俗稱“網址”。

  2.URL結構  

  一個完整的網址,例如:http://www.w3school.com.cn/html/lastpage.html,遵守如下語法規則(URL的一般格式):

  scheme://host.domain:port/path/filename

  或者

  protocol :// hostname[:port] / path / [;parameters][?query]#fragment(帶方括號[]的為可選項)

  a.Scheme (方案)或者protocol(協議):定義因特網服務的類型(協議),目前最流行的類型是 http協議。

  以下是其中一些最流行的協議:

    file資源是本地計算機上的文件。格式file:/// 

    ftp通過 FTP訪問資源。格式 FTP:// 

    gopher通過 Gopher 協議訪問該資源。 

    http通過 HTTP 訪問該資源。 格式 HTTP:// 

    https通過安全的 HTTPS 訪問該資源。 格式 HTTPS:// 

    mailto 資源為電子郵件地址,通過 SMTP 訪問。 格式 mailto: 

    mms 通過 支持MMS(流媒體)協議的播放該資源。(代表軟件:Windows Media Player)格式 MMS:// 

    ed2k 通過 支持ed2k(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:電驢) 格式 ed2k:// 

    flashget 通過 支持Flashget:(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:快車) 格式 Flashget:// 

    thunder 通過 支持thunder(專用下載鏈接)協議的P2P軟件訪問該資源。(代表軟件:迅雷) 格式 thunder:// 

    news通過 NNTP 訪問該資源。 

    tencent通過支持tencent(專用聊天連接) 協議和用戶對話。(代表軟件:QQ、TM)格式 tencent://message/?uin=號碼&Site=&Menu=yes 

        msnim 通過支持msnim(專用聊天連接) 協議和用戶對話。(代表軟件:MSN、WLM) 格式 msnim:chat?contact=郵箱地址

  b.domain(域):定義因特網域名,比如:w3school.com.cn。

  c.host(主機):定義此域中的主機,如果被省略,缺省的支持 http 的主機是 www。

  d.port(端口):定義主機的端口號,端口號通常是被省略的,缺省的端口號是 80。

  e.path(路徑):定義服務器上的路徑(一個輔助的路徑)。如果路徑被省略,資源(文檔)會被定位到網站的根目錄。

  f.filename(文件名):定義文檔的名稱,缺省的文件名一般會是 default.asp 或者 index.html,或者依據 WEB 服務器設置的其他文件名。

  3.絕對URL和相對URL

  絕對URL是指Internet上資源的完整地址,上面的URL結構就是絕對URL地址。

  l相對URL:相對URL表示相對於當前文檔的資源,“/”表示網站根目錄,“../”表示父目錄,“http://www.cnblogs.com/”表示父目錄的父目錄,“./”或者不寫任何斜線表示相對於當前路徑的目錄。站內引用最好用相對URL,這樣域名改變了、目錄改變了都不受影響。比如:

1 <a href="a.htm"><img src="a.jpg"/></a>
2 
3 <img src="../images/csharp1.jpg" />
4 
5 <img src="/images/csharp1.jpg" />

  4.URL編碼

  URL編碼是一種瀏覽器用來打包表單輸入的格式,一般常見於瀏覽器地址欄目中。

  為什么要對URL進行編碼?  

  通常如果一樣東西需要編碼,說明這樣東西並不適合傳輸。原因多種多樣,如Size過大,包含隱私數據,對於Url來說,之所以要進行編碼,是因為Url中有些字符會引起歧義。例如Url參數字符串中使用key=value鍵值對這樣的形式來傳參,鍵值對之間以&符號分隔,如/s?q=abc& ie=utf-8。如果你的value字符串中包含了=或者&,那么勢必會造成接收Url的服務器解析錯誤,因此必須將引起歧義的&和= 符號進行轉義,也就是對其進行編碼。又如,Url的編碼格式采用的是ASCII碼,而不是Unicode,這也就是說你不能在Url中包含任何非ASCII字符,例如中文。否則如果客戶端瀏覽器和服務端瀏覽器支持的字符集不同的情況下,中文可能會造成問題。Url編碼的原則就是使用安全的字符(沒有特殊用途或者特殊意義的可打印字符)去表示那些不安全的字符。

關於具體的HTML URL 編碼參考地址:http://www.w3school.com.cn/tags/html_ref_urlencode.html

  5.URL的缺點

  最大缺點:當信息資源的存放地點發生變化時,必須對URL作相應的改變。因此人們正在研究新的信息資源表示方法,例如:URI (Universal Resource Identifier)即“通用資源標識”(參見RFC 1630)、URN (Uniform Resource Name)即“統一資源名”和URC(Uniform Resource Citation)即“統一資源引用符”等。

參考地址:http://www.w3school.com.cn/html/html_url.asp

              http://baike.baidu.com/view/1496.htm

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM