連結到錨點
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.