鏈接中的井號(#)有什麼作用?
在開發網頁時,您可能會見到類似以下的鏈接:
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”, “元素”]