XHTML超級(jí)鏈接<A>
超級(jí)鏈接<a>標(biāo)簽
毫不夸張的說(shuō)，是超級(jí)鏈接把整個(gè)互聯(lián)網(wǎng)連接了起來(lái)。超級(jí)鏈接幾乎可以指向互聯(lián)網(wǎng)上的任何資源，例如另外一個(gè)網(wǎng)頁(yè)、一張圖片、一首MP3歌曲等等。而利用XHTML建立超級(jí)鏈接的語(yǔ)法卻非常簡(jiǎn)單，只需要一對(duì)<a></a>標(biāo)簽即可：
| <a href=”這個(gè)超級(jí)鏈接將要指向的網(wǎng)址”>頁(yè)面上將要顯示的文字或者圖片等</a> |
例如：
| <a href=”http://m.createwh.com/”>設(shè)計(jì)之家</a> |
將會(huì)在瀏覽器中顯示為一個(gè)超級(jí)鏈接，點(diǎn)擊它就將進(jìn)入設(shè)計(jì)之家（http://m.createwh.com/）。效果如下：
其中<a>標(biāo)簽中的href屬性就是這個(gè)超級(jí)鏈接所要指向的地址，她可以是一般的網(wǎng)址也可以是郵件的地址，在稍后的練習(xí)實(shí)例中我們將創(chuàng)建一個(gè)指向郵件地址的超級(jí)鏈接。<a>和</a>之間的內(nèi)容（元素）將被作為超級(jí)鏈接顯示在網(wǎng)頁(yè)上。注意href屬性值為一般網(wǎng)址（絕對(duì)路徑）時(shí)，其”http://”是不可以省略的，否則瀏覽器將把它作為相對(duì)路徑來(lái)識(shí)別。絕對(duì)路徑與相對(duì)路徑的區(qū)別不在本XHTML教程的討論范圍之內(nèi)，如果你不了解可以到百度搜索相關(guān)的資料。
頁(yè)內(nèi)跳轉(zhuǎn)超級(jí)鏈接(錨記)
您在瀏覽其他網(wǎng)站的時(shí)候可能注意到了，有一些超級(jí)鏈接可以讓您回到頁(yè)面的頂端或者是當(dāng)前網(wǎng)頁(yè)內(nèi)任何一個(gè)位置。就像下面這個(gè)鏈接：
回到標(biāo)題
它的實(shí)現(xiàn)方法如下，首先在標(biāo)題處加上如下代碼。：
| <h1>XHTML入門(mén)學(xué)習(xí)教程――XHTML超級(jí)鏈接<a id=”biaoti”></a></h1> |
而超級(jí)鏈接本身的代碼為：
| <a href=”#biaoti”>回到標(biāo)題</a> |
頁(yè)面內(nèi)的跳轉(zhuǎn)在您的頁(yè)面內(nèi)有大量的內(nèi)容時(shí)，可以讓你的用戶很快的找到所需要的信息。通常情況下都是在一些說(shuō)明性的網(wǎng)頁(yè)內(nèi)做目錄使用。
鏈接練習(xí)
下面練習(xí)在之前的”index.html”中添加超級(jí)鏈接。打開(kāi)”index.html“，對(duì)代碼做如下修改：
| <html> 中間代碼省略…… <p><a href=”mailto:xxx@xxx.com”>聯(lián)系我</a></p><!– 注意要把郵箱地址改為你自己的 –> <p>Copyright©2005-2006XXX版權(quán)沒(méi)有</p> </body> </html> |
保存之后瀏覽一下自己的網(wǎng)頁(yè)，請(qǐng)確認(rèn)您的網(wǎng)頁(yè)與該頁(yè)面相同。點(diǎn)擊一下新創(chuàng)建的鏈接，如果你安裝了Outlook之類的郵件管理軟件，就會(huì)打開(kāi)一個(gè)給自己發(fā)送郵件的界面了。
