Posted on 2011-01-28 09:54
xcp 閱讀(525)
評論(0) 編輯 收藏 所屬分類:
Javascript
1：錨點是什么？
錨點也可以理解成為一種超級鏈接，只不過它是網(wǎng)頁內(nèi)部的超級鏈接（注意不是網(wǎng)站內(nèi)部）。
比如我們有一個網(wǎng)頁很長很長，而且里面的內(nèi)容，可以分為N個部分。這樣的話，我們就可以在網(wǎng)頁的頂部設(shè)置一些錨點，這樣便可以方便瀏覽者點擊相應(yīng)的錨點，到達本頁內(nèi)相應(yīng)的位置，而不必在一個很長的網(wǎng)頁里自行尋找。
2：錨點的使用。
錨點從代碼上看，仍然是超級鏈接的一種應(yīng)用。
<a name="A1" id="A1"></a>這樣的一個無內(nèi)容的<a>標簽，便是一個錨點了，我們可以把它放在網(wǎng)頁中<body>與</body>之間的任意位置。當然，究竟放在哪個位置，就要看我們的實際需要了。
下面舉一個例子：
<!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>錨點示例</title>
</head>
<body>
<a name="A0" id="A0"></a>
<a href="#A1">網(wǎng)頁第一部分</a>
<a href="#A2">網(wǎng)頁第二部分</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>
另外再說一下，<a name="A0" id="A0"></a>中的name與id，可以只使用一個，但某些情況下，只是用name會造成錨點無效的錯誤。建議還是name與id同時使用。
來自：http://www.douban.com/group/topic/4128250/
名稱: ?4C.ESL | .↗Evon
口號: 遇到新問題?先要尋找一個方案乄而不是創(chuàng)造一個方案こ
mail: 聯(lián)系我