在開發網頁時,您可能會見到類似以下的鏈接:
<a href="#">功能</a>
這裡的 href="#"
是一個佔位符。該鏈接不會指向任何特定的地方。
有時這表示應用程序正在進行中,我們稍後會填寫該鏈接的 href
屬性。
其他情況下,您可能會見到以下類似的鏈接:
<a href="#features">功能</a>
這種情況下,該鏈接引用了同一頁面中的某一點。
您會在頁面中找到類似以下元素:
<a id="features">功能</a>
這個元素也可以是一個空元素,它存在於頁面上,但是被隱藏起來:
<a id="features"></a>
請注意,我們在這裡使用了 id
。
點擊這個項目:
<a href="#features">功能</a>
將會跳轉到 id
等於 features
的 <a>
標簽。
完整描述一下,如果鏈接是這樣的:
<a href="/features">功能</a>
點擊時,瀏覽器將在一個單獨的 URL 上打開。
您還可以結合使用,比如:
<a href="/features#first">功能</a>
將打開 /features
的 URL,並滾動到 id="first"
的 <a>
標簽。