使用 a 標籤和 name 屬性實現當前頁面跳轉#
在 HTML 中,a 標籤的 name
屬性通常用於定義命名錨點,而不是用於實現鏈接跳轉。要實現鏈接跳轉,通常會使用 a 標籤的 href
屬性。
創建命名錨點時,可以在文檔中的任何位置使用 <a>
標籤和 name
屬性來創建一個錨點。然後,可以在文檔中的其他位置使用帶有 #
符號的鏈接來引用這個錨點,從而實現跳轉到錨點所在的位置。
例如,我們可以在 HTML 中創建名為 section1
的錨點,如下所示:
<a name="section1"></a>
我們可以在同一個文檔中的其他位置,使用以下鏈接來實現到這個錨點的跳轉:
<a href="#section1">跳轉到第一部分</a>
點擊這個鏈接時,瀏覽器將跳轉到文檔中定義的名為 section1
的錨點所在的位置。請注意,href
屬性值以 #
符號開頭,因為我們是要跳轉到命名錨點。
還有另一種方法可以實現鏈接到命名錨點的跳轉,那就是使用非空的 id
屬性來替代 name
屬性。這是因為在 HTML5 中,將 name
屬性用於創建命名錨點已經被棄用。使用 id
屬性來創建命名錨點是更為現代化和合規的做法。