Posted on 2011-01-28 09:54
xcp 閱讀(530)
評論(0) 編輯 收藏 所屬分類:
Javascript
1：錨點是什么？
錨點也可以理解成為一種超級鏈接，只不過它是網頁內部的超級鏈接（注意不是網站內部）。
比如我們有一個網頁很長很長，而且里面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。
2：錨點的使用。
錨點從代碼上看，仍然是超級鏈接的一種應用。
<a name="A1" id="A1"></a>這樣的一個無內容的<a>標簽，便是一個錨點了，我們可以把它放在網頁中<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">網頁第一部分</a>
<a href="#A2">網頁第二部分</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
口號: 遇到新問題?先要尋找一個方案乄而不是創造一個方案こ
mail: 聯系我