7.4 定義錨點超鏈接

錨點（anchor）其實就是超鏈接的一種，是一種特殊的超鏈接。它可以分兩種情況，一種是鏈接到本頁面，另一種是鏈接到其他頁面。本節將詳細介紹。

7.4.1 建立錨點超鏈接

建立錨超鏈接很簡單，只需要給超鏈接目標添加id或者name屬性，超鏈接的href屬性設置成“#”加上id或者name屬性的值就可以了，代碼如下：

      <a href="#a"></a>
      <div id="a"></div>

7.4.2 超鏈接同一頁面中的錨點

鏈接同一個頁面中錨點，就是從頁面中的某個位置鏈接到本頁面中想要滾動到的地方，如看電子書時，通過點擊目錄，可以到達想要看的章節內容。

【例7-4】（實例文件：ch07\Chap7.4.html）超鏈接同一個頁面中的錨點。

相關的代碼實例請參考Chap7.4.html文件，在IE瀏覽器中運行的結果如圖7-6所示。當單擊錨超鏈接時，頁面將跳轉到錨點的位置，如圖7-7所示。

圖7-6 頁面加載完效果

圖7-7 錨點的位置

7.4.3 超鏈接到其他頁面中的錨點

鏈接到其他頁面中的錨點其實很簡單，只需要在錨點的前面加上該頁面的名字即可。

【例7-5】（實例文件：ch07\Chap7.5.html）鏈接到其他頁面中的錨點。

頁面.html文件：

相關的代碼實例請參考Chap7.5.html文件，在IE瀏覽器中運行的結果如圖7-8所示。當單擊“外部錨鏈接”時，頁面將跳轉到“頁面.html”的錨點，效果如圖7-9所示。

圖7-8 頁面加載完效果

圖7-9 其他頁面的錨點位置