Posted on 2011-01-28 09:54
xcp 閱讀(530)
評(píng)論(0) 編輯 收藏 所屬分類(lèi):
Javascript
1：錨點(diǎn)是什么？
錨點(diǎn)也可以理解成為一種超級(jí)鏈接，只不過(guò)它是網(wǎng)頁(yè)內(nèi)部的超級(jí)鏈接（注意不是網(wǎng)站內(nèi)部）。
比如我們有一個(gè)網(wǎng)頁(yè)很長(zhǎng)很長(zhǎng)，而且里面的內(nèi)容，可以分為N個(gè)部分。這樣的話(huà)，我們就可以在網(wǎng)頁(yè)的頂部設(shè)置一些錨點(diǎn)，這樣便可以方便瀏覽者點(diǎn)擊相應(yīng)的錨點(diǎn)，到達(dá)本頁(yè)內(nèi)相應(yīng)的位置，而不必在一個(gè)很長(zhǎng)的網(wǎng)頁(yè)里自行尋找。
2：錨點(diǎn)的使用。
錨點(diǎn)從代碼上看，仍然是超級(jí)鏈接的一種應(yīng)用。
<a name="A1" id="A1"></a>這樣的一個(gè)無(wú)內(nèi)容的<a>標(biāo)簽，便是一個(gè)錨點(diǎn)了，我們可以把它放在網(wǎng)頁(yè)中<body>與</body>之間的任意位置。當(dāng)然，究竟放在哪個(gè)位置，就要看我們的實(shí)際需要了。
下面舉一個(gè)例子：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>錨點(diǎn)示例</title>
</head>
<body>
<a name="A0" id="A0"></a>
<a href="#A1">網(wǎng)頁(yè)第一部分</a>
<a href="#A2">網(wǎng)頁(yè)第二部分</a>
<div style="height:900px; background:#CCCCCC"></div>
<a name="A1" id="A1"></a>1<a href="#A0">返回頂部</a>
<div style="height:900px; background:#999999"></div>
<a name="A2" id="A2"></a>2<a href="#A0">返回頂部</a>
<div style="height:900px; background:#666666"></div>
</body>
</html>
另外再說(shuō)一下，<a name="A0" id="A0"></a>中的name與id，可以只使用一個(gè)，但某些情況下，只是用name會(huì)造成錨點(diǎn)無(wú)效的錯(cuò)誤。建議還是name與id同時(shí)使用。
來(lái)自：http://www.douban.com/group/topic/4128250/
名稱(chēng): ?4C.ESL | .↗Evon
口號(hào): 遇到新問(wèn)題?先要尋找一個(gè)方案乄而不是創(chuàng)造一個(gè)方案こ
mail: 聯(lián)系我