HTML 鏈接
網(wǎng)站的各個(gè)HTML文檔通過(guò)超鏈接的方式相互連接在一起，形成一個(gè)連貫的網(wǎng)站。用戶可以通過(guò)點(diǎn)擊超鏈接跳轉(zhuǎn)到自己希望瀏覽的頁(yè)面中。因此超鏈接在任何一個(gè)網(wǎng)站中都可以看到，是串聯(lián)網(wǎng)站形成整體的核心組成部分。
錨點(diǎn)的布置
HTML超鏈接以<a>標(biāo)簽作為錨點(diǎn)進(jìn)行觸發(fā)，錨點(diǎn)需要有一個(gè)載體，而這個(gè)載體可以是一個(gè)文字、一個(gè)詞、或者一句話，也可以是圖像或者某個(gè)形狀。當(dāng)鼠標(biāo)移動(dòng)到帶有錨點(diǎn)的載體上時(shí)，鼠標(biāo)會(huì)變成一個(gè)小手的狀態(tài)，示意用戶可以進(jìn)行點(diǎn)擊，用戶點(diǎn)擊這個(gè)錨點(diǎn)后會(huì)跳轉(zhuǎn)到這個(gè)<a>標(biāo)簽中href對(duì)應(yīng)的地址上。
跳轉(zhuǎn)屬性的用法
在HTML鏈接中，使用 href 屬性 可以創(chuàng)建指向另一個(gè)文檔的鏈接，通常用于頁(yè)面跳轉(zhuǎn)。這個(gè)很常見，就不再闡述了。
使用 name 屬性可以在文檔內(nèi)部創(chuàng)建書簽，使超鏈接可以在文檔內(nèi)部跳轉(zhuǎn)到頁(yè)面的某一部分。例如：設(shè)置<a name=”dian1″></a>將其放置到頁(yè)面的中間。然后在頁(yè)面頭部設(shè)置<a href=”#dian1″>跳轉(zhuǎn)到頁(yè)面中間</a>錨點(diǎn)，當(dāng)用戶在頁(yè)面頭部點(diǎn)擊這個(gè)錨點(diǎn)事，頁(yè)面會(huì)滾動(dòng)跳轉(zhuǎn)到name書簽所在的位置，也就是頁(yè)面中間。
HTML 鏈接語(yǔ)法
HTML鏈接的代碼使用很簡(jiǎn)單。例如：
<a?href=”url”>錨文本鏈接</a>??
href屬性用于設(shè)定跳轉(zhuǎn)的目標(biāo)，開始標(biāo)簽和結(jié)束標(biāo)簽之間的文字被作為超級(jí)鏈接來(lái)顯示。
HTML 鏈接的target 屬性
target屬性可以設(shè)定通過(guò)錨文本點(diǎn)擊跳轉(zhuǎn)后頁(yè)面的打開方式。有 4 個(gè)保留的目標(biāo)名稱用作特殊的文檔重定向操作：
_blank
瀏覽器總在一個(gè)新打開、未命名的窗口中載入目標(biāo)文檔。
_self
這個(gè)目標(biāo)的值對(duì)所有沒(méi)有指定目標(biāo)的 <a> 標(biāo)簽是默認(rèn)目標(biāo)，它使得目標(biāo)文檔載入并顯示在相同的框架或者窗口中作為源文檔。這個(gè)目標(biāo)是多余且不必要的，除非和文檔標(biāo)題 <base> 標(biāo)簽中的 target 屬性一起使用。
_parent
這個(gè)目標(biāo)使得文檔載入父窗口或者包含來(lái)超鏈接引用的框架的框架集。如果這個(gè)引用是在窗口或者在頂級(jí)框架中，那么它與目標(biāo) _self 等效。
_top
這個(gè)目標(biāo)使得文檔載入包含這個(gè)超鏈接的窗口，用 _top 目標(biāo)將會(huì)清除所有被包含的框架并將文檔載入整個(gè)瀏覽器窗口。一般是用于點(diǎn)擊iframe框架中的錨點(diǎn)，目標(biāo)鏈接直接在當(dāng)前頁(yè)面打開，而不是在iframe中加載。
HTML 連接- id 屬性
id屬性可用于創(chuàng)建在一個(gè)HTML文檔書簽標(biāo)記。
提示:?書簽是不以任何特殊的方式顯示，在HTML文檔中是不顯示的，所以對(duì)于讀者來(lái)說(shuō)是隱藏的。
實(shí)例
在HTML文檔中插入ID:
<a id="tips">有用的提示部分</a>
在HTML文檔中創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips"）"：
<a href="#tips">訪問(wèn)有用的提示部分</a>
或者，從另一個(gè)頁(yè)面創(chuàng)建一個(gè)鏈接到"有用的提示部分(id="tips"）"：
<a href="http://ipnx.cn/html/html-links.html#tips">
訪問(wèn)有用的提示部分</a>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文網(wǎng)(php.cn)</title> </head> <body> <a href="http://ipnx.cn/" target="_blank">php中文網(wǎng)!</a> <p>如果你將 target 屬性設(shè)置為 "_blank", 鏈接將在新窗口打開。</p> </body> </html>
