使用 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
属性来创建命名锚点是更为现代化和合规的做法。