2019年1月编辑

在HTML5中，使用没有href属性的a元素是有效的。它被认为是“占位符超链接”

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

例子：

<a>previous</a>

如果在此之后，您希望执行其他操作：

1-如果你的链接不到任何地方，不要使用＜a＞元素。使用<span>或其他合适的工具，并添加CSS:hover以根据您的需要设置其样式。

2-使用javascript:void（0）OR javascript:undefined OR javascript:；如果你想要原始、精确和快速。

在现代网站上，如果元素只执行JavaScript功能（而不是真正的链接），则应避免使用href。

为什么？此元素的存在告诉浏览器这是一个与目的地的链接。这样，浏览器将显示“在新选项卡/窗口中打开”功能（使用shift+单击时也会触发）。这样做将导致在没有触发所需功能的情况下打开同一页面（导致用户沮丧）。

关于IE：从IE8开始，如果设置了doctype，元素样式（包括悬停）就会起作用。IE的其他版本真的不用担心了。

唯一的缺点：删除HREF将删除tabindex。为了克服这个问题，您可以使用样式为链接的按钮或使用JS添加tabindex属性。

我认为你提出了一个错误的二分法。这不是唯一的两个选项。

我同意D4V360先生的观点，他建议，即使您使用的是锚标记，但这里并没有真正的锚。您所拥有的只是文档的一个特殊部分，其行为应该略有不同。＜span＞标记更合适。

让禁用JavaScript的用户可以访问您的网站很好，在这种情况下，href指向执行与正在执行的JavaScript相同操作的页面。否则，我使用带有“return false；”的“#”来阻止其他人提到的默认操作（滚动到页面顶部）。

在谷歌上搜索“javascript:void（0）”提供了有关此主题的大量信息。其中一些，比如这篇提到了不使用void（0）的原因。

我使用javascript:void（0）。

三个原因。鼓励在开发人员团队中使用#不可避免地会导致一些人使用这样调用的函数的返回值：

function doSomething() {
    //Some code
    return false;
}

但是他们忘记了在onclick中使用return doSomething（），而只使用doSometthing（）。

避免#的第二个原因是最终返回为false；如果被调用的函数抛出错误，则不会执行。因此，开发人员还必须记住正确处理调用函数中的任何错误。

第三个原因是在某些情况下，onclick事件属性是动态分配的。我更希望能够调用函数或动态分配函数，而不必为一种或另一种连接方法专门编写函数代码。因此，我在HTML标记中的onclick（或任何东西）看起来像这样：

onclick="someFunc.call(this)"

OR

onclick="someFunc.apply(this, arguments)"

使用javascript:void（0）避免了上述所有麻烦，而且我还没有发现任何缺点的例子。

因此，如果你是一个独立的开发人员，那么你可以明确地做出自己的选择，但如果你是团队成员，你必须声明：

使用href=“#”，确保onclick始终包含return false；最后，任何被调用的函数都不会抛出错误，如果您将一个函数动态地附加到onclick属性，请确保它不会抛出错误并返回false。

OR

使用href=“javascript:void（0）”

第二种显然更容易沟通。

我通常会去

<a href="javascript:;" onclick="yourFunction()">Link description</a>

它比javascript:void（0）短，并且做了同样的事情。