錨點

是網頁製作中超級連結的一種，又叫命名錨記。命名錨記像一個迅速定位器一樣是一種頁面內的超級連結，運用相當普遍。

英文名：anchor

使用命名錨記可以在文檔中設定標記，這些標記通常放在文檔的特定主題處或頂部。然後可以創建到這些命名錨記的連結，這些連結可快速將訪問者帶到指定位置。

創建到命名錨記的連結的過程分為兩步。首先，創建命名錨記，然後創建到該命名錨記的連結。

基本介紹

• 中文名：錨點
• 外文名：anchor
• 時間：網頁製作中
• 屬性：超級連結的一種
• 又叫：命名錨記
• 目的：可以在文檔中設定標記

創建錨點

1、在“文檔”視窗的“設計”視圖中，將插入點放在需要命名錨記的地方,執行下列操作之一：

* 選擇“插入”>“命名錨記”。

* 按下 Control+Alt+A。

* 在“插入”欄的“常用”類別中，單擊“命名錨記”按鈕。

出現“命名錨記”對話框。

2、在“錨記名稱”文本框中，鍵入錨記的名稱，並單擊“確定”。錨記標記在插入點處出現。

注意：如果看不到錨記標記，可選擇“查看”>“可視化助理”>“不可見元素”。

3、這時外面可以看到的錨點代碼為：<a name="錨點名"></a> 如：<a name="top"></a>

連結到錨點

在“文檔”視窗的“設計”視圖中，選擇要從其創建連結的文本或圖像。在屬性面板的“連結”文本框中，鍵入一個數字元號 (#) 和錨記名稱。例如：

*若要連結到當前文檔中的名為“top”的錨記，請鍵入 #top。如：<a href="#top">點擊我連線到TOP</a>

*若要連結到同一資料夾內其它文檔中的名為“top”的錨記，請鍵入 filename.html#top。

示例代碼

在HTML頁面中適當位置定義如下的錨點：

<a id="top">這裡是TOP部分</a>

<a id="content">這裡是CONTENT部分</a>

<a id="foot">這裡是FOOT部分</a>

（您可以使用 id 屬性來替代 name 屬性，命名錨同樣有效。）

對於如上錨點的訪問有兩種方法

一種是利用超連結標籤<a></a>製作錨點連結，主要用於頁面內的錨點訪問

<a href="#top">點擊我連結到TOP</a>

<a href="#content">點擊我連結到CONTENT</a>

<a href="#foot">點擊我連結到FOOT</a>

另一種方式是直接在頁面地址後面加錨點標記，主要用於不同頁面之間的錨點訪問

假如本頁面的地址是http://檔案路徑/index.html，要訪問foot錨點只要訪問如下連結即可

http://檔案路徑/index.html#foot