对于空链接使用href="#"的问题是，它会把你带到页面的顶部，这可能不是你想要的操作。 为了避免这种情况，对于旧的浏览器或非html5文档类型，使用

<a href="javascript:void(0)">Goes Nowhere</a>

它实际上是一个不指向任何地方的链接(它只是在URL上添加了“#”)。它被用于许多不同的原因。例如，如果您正在使用某种JavaScript/jQuery，并且不希望实际的HTML链接到任何地方。

它还用于页面锚，用于重定向到页面的不同部分。

将“#”符号作为某个东西的href意味着它不是指向不同的URL，而是指向同一页面上的另一个id或名称标记。例如:

<a href="#bottomOfPage">Click to go to the bottom of the page</a>
blah blah
blah blah
...
<a id="bottomOfPage"></a>

然而，如果没有id或名称，那么它就会变成“no where”。

这里有另一个类似的问题问HTML锚与'名称'或'id'?

正如其他一些回答所指出的，a元素需要href属性，#用作占位符，但它也是一个历史工件。

来自Mozilla开发者网络:

href 这是锚定义的惟一必需属性 超文本源链接，但在HTML5中不再需要。省略 此属性创建一个占位符链接。href属性 链接目标，URL或URL片段。一个URL Fragment是一个名称，前面有一个散列标记(#)，它指定了一个 当前文档中的内部目标位置(ID)。

此外，根据HTML5规范:

如果a元素没有href属性，则该元素表示a 占位符，用于链接可能被放置的位置 都是相关的，只包含元素的内容。

创建无序列表的目的通常是将它们用作菜单，但li列表项是文本。因为列表li项是文本，所以鼠标指针将不是箭头，而是“I光标”。当可以点击某个东西时，用户习惯于看到指向的手指是鼠标指针。在li标记内使用锚标记会使鼠标指针变为指向的手指。如果将列表用作菜单，那么用手指就更好了。

<ul id="menu">
   <li><a href="#">Menu Item 1</a></li>
   <li><a href="#">Menu Item 2</a></li>
   <li><a href="#">Menu Item 3</a></li>
   <li><a href="#">Menu Item 4</a></li>
</ul>

如果列表用于菜单，并且不需要链接，则不需要指定URL。但问题是，如果省略href属性，<a>标记中的文本将被视为文本，因此鼠标指针将返回到I-cursor。i -游标可能会使用户认为菜单项不可点击。因此，您仍然需要一个href，但不需要指向任何地方的链接。

您可以为菜单列表使用许多div或p标记，但鼠标指针也可以作为它们的I-cursor。

您可以使用许多按钮堆叠在彼此的菜单列表，但列表似乎更可取。这可能就是为什么href="#"在列表标记中的锚标记中不指向任何地方的原因。

你可以在CSS中设置指针样式，这是另一种选择。href="#"可能只是设置一些样式的偷懒方式。

对于空链接使用href="#"的问题是，它会把你带到页面的顶部，这可能不是你想要的操作。 为了避免这种情况，对于旧的浏览器或非html5文档类型，使用

<a href="javascript:void(0)">Goes Nowhere</a>