一、超文本(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協議。
以下是其中一些最流行的協議:
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