錨點鏈接是內部鏈接的一種，它鏈接對象是當前頁面的某一個部分。
有些網頁由於內容比較多，導致頁面過長，訪問者需要不停地拖動浏覽器上的滾動條來查看文檔中的內容，如下圖。為了方便用戶查看文檔中的內容，在文檔中需要建立錨點鏈接。
所謂的錨點鏈接，就是點擊某一個超鏈接，它就會跳到當前頁面的某一部分。如下圖：
只要我們點擊“推薦音樂”、“推薦電影”和“推薦文章”這三個超鏈接，滾動條就會滾動到相應的版塊。
現在我們來做一下：
在線測試
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>錨點鏈接</title>
</head>
<body>
<div>
<a href="#music">推薦音樂</a><br />
<a href="#movie">推薦電影</a><br />
<a href="#article">推薦文章</a><br />
</div>
……<br />
……<br />
……<br />
……<br />
……<br />
……<br />
<div id="music">
<h3>推薦音樂</h3>
<ul>
<li>林俊傑-被風吹過的下圖</li>
<li>曲婉婷-在我的歌聲裡</li>
<li>許嵩-灰色頭像</li>
</ul>
</div>
……<br />
……<br />
……<br />
……<br />
……<br />
……<br />
<div id="movie">
<h3>推薦電影</h3>
<ul>
<li>蜘蛛俠系列</li>
<li>鋼鐵俠系統</li>
<li>復仇者聯盟</li>
</ul>
</div>
……<br />
……<br />
……<br />
……<br />
……<br />
……<br />
<div id="article">
<h3>推薦文章</h3>
<ul>
<li>朱自清-荷塘月色</li>
<li>余光中-鄉愁</li>
<li>魯迅-阿Q正傳</li>
</ul>
</div>
</body>
</html>
分析：
大家仔細觀察上面的代碼就知道了，錨點鏈接要設置兩部分：一，是目標錨點的id名稱；二是超鏈接部分。
id也就是元素的名稱，跟name屬性一樣。區別在於name是HTML中的標准，而id是XHTML中的標准，在web2.0的網頁中極少使用name屬性，而是使用id屬性。在同一個頁面中，id是唯一的，也就是一個頁面不允許出現相同的id。你見過誰的身份證號碼是相同的嗎？