/

鏈接中的井號(#)有什麼作用?

鏈接中的井號(#)有什麼作用?

在開發網頁時,您可能會見到類似以下的鏈接:

1
<a href="#">功能</a>

這裡的 href="#" 是一個佔位符。該鏈接不會指向任何特定的地方。

有時這表示應用程序正在進行中,我們稍後會填寫該鏈接的 href 屬性。

其他情況下,您可能會見到以下類似的鏈接:

1
<a href="#features">功能</a>

這種情況下,該鏈接引用了同一頁面中的某一點。

您會在頁面中找到類似以下元素:

1
<a id="features">功能</a>

這個元素也可以是一個空元素,它存在於頁面上,但是被隱藏起來:

1
<a id="features"></a>

請注意,我們在這裡使用了 id

點擊這個項目:

1
<a href="#features">功能</a>

將會跳轉到 id 等於 features<a> 標簽。

完整描述一下,如果鏈接是這樣的:

1
<a href="/features">功能</a>

點擊時,瀏覽器將在一個單獨的 URL 上打開。

您還可以結合使用,比如:

1
<a href="/features#first">功能</a>

將打開 /features 的 URL,並滾動到 id="first"<a> 標簽。

tags: [“HTML”, “鏈接”, “佔位符”, “URL”, “元素”]