空链接通往页面顶部

Question

在我正在处理的网站的导航栏中，我有以下代码：

<a href="#">Menu</a>

出于某种原因，点击“菜单”链接会将我跳回到页面顶部。我不确定为什么会这样。

Answer 1

#指定锚点。您可以为<a>标记命名（“a”代表“锚点”），然后您可以使用#section1之类的链接跳转到名为“section1”的a标记。

因为您没有指定要跳转到的锚点，所以它会转到页面顶部。

您也可以使用此链接链接到其他页面的部分内容。链接<a href="anotherpage.htm#someSectionOfAnotherPage"将链接到页面a上名为someSectionOfAnotherPage的{​​{1}}标记。

Answer 2

使用此：

<a href="javascript:void(0);">Menu</a>

Answer 3

#标记的href属性中使用的

<a>指定页面需要滚动到的HTML元素的ID。

即，点击链接<a href="#abc">Goto abc</a>将滚动页面以显示带有id="abc"的HTML元素。

因此，当我们仅提供#（未指定id）时，它会将我们带到页面顶部。

请参阅demo

另见this question