連結到錨點

Anchor 可用於跳轉到 HTML 頁面上的特定標籤。<a> 標記可以指向具有 id 屬性的任何元素。要了解有關 ID 的更多資訊,請訪問有關類和 ID文件 。錨主要用於跳轉到頁面的子部分,並與標題標籤一起使用。

假設你已經在許多主題上建立了一個頁面(page1.html):

<h2>First topic</h2>
<p>Content about the first topic</p>
<h2>Second topic</h2>
<p>Content about the second topic</p>

如果你有多個部分,則可能需要在頁面頂部建立一個目錄,其中包含指向特定部分的快速連結(或書籤)。

如果你為主題提供了 id 屬性,則可以連結到它們

<h2 id="Topic1">First topic</h2>
<p>Content about the first topic</p>
<h2 id="Topic2">Second topic</h2>
<p>Content about the second topic</p>

現在你可以在目錄中使用錨點:

<h1>Table of Contents</h1>
    <a href='#Topic1'>Click to jump to the First Topic</a>
    <a href='#Topic2'>Click to jump to the Second Topic</a>

這些錨也附在他們所在的網頁上(page1.html)。因此,你可以通過引用頁面錨名稱將網站從一個頁面連結到另一個頁面。

 Remember, you can always <a href="page1.html#Topic1">look back in the First Topic</a> for supporting information.