Html中錨點的使用
今天突然想用錨點了,雖然這東西在平常的網頁設計中很少用到,但是今天做了個很長很長的表格,找起來很麻煩,就想到弄這個了,發現現在自己什么都不會了啊.要重頭學起了...
先總結一下錨點怎么使用.比如我有兩個標題,分別是 貝落格 和 錨點使用教程.那么我們需要給這兩個標題做兩個標記
也就是下文的<a name="a1">貝落格</a>還有 <a name="a1">錨點使用教程</a>
在目錄上我們只要標記<a href="#a1">貝貝</a1>就能夠很快的索引到 貝落格這個標題了~
當然....
這種方法不太好：一是產生一個無意義的 a 標簽；二是 a 標簽缺少 href 屬性，不符合 XHTML 標准；三是多了 name 屬性，不符合 XHTML 標准。
使用 id 時，我們不再局限於 a 標簽，可以用於其他標簽，比如可以是：
<h2 id="a1">貝落格</h2>
這種用 id 做錨點在 IE、Firefox、Chrome、Opera 中都是受支持的。
使用方法就是這么簡單.呵呵.下面看看網上搜集來的教程~
1：錨點是什么？
錨點也可以理解成為一種超級鏈接，只不過它是網頁內部的超級鏈接（注意不是網站內部）。
比如我們有一個網頁很長很長，而且里面的內容，可以分為N個部分。這樣的話，我們就可以在網頁的頂部設置一些錨點，這樣便可以方便瀏覽者點擊相應的錨點，到達本頁內相應的位置，而不必在一個很長的網頁里自行尋找。
2：錨點的使用。
錨點從代碼上看，仍然是超級鏈接的一種應用。
<a name="A1" id="A1"></a>這樣的一個無內容的<a>標簽，便是一個錨點了，我們可以把它放在網頁中<body& gt;與</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同時使用。
推薦使用id~呵呵~但是根據教程上說的~id 和name 一起用也貌似不錯~不過遵循xhtml規則的話.還是老老實實的定義id吧~
本文來源於貝落格 http://www.baybey.net/ , 原文地址：http://www.baybey.net/post/840.html
來源：http://jrlqq.blog.163.com/blog/static/13128157520101832132526/