将错误的 <span href="#"> 转换为更正的 <a href="#">答案

【问题标题】：convert bad <span href="#"> to correct <a href="#">将错误的 <span href="#"> 转换为更正的 <a href="#">
【发布时间】：2017-06-13 23:45:33
【问题描述】：

此代码在 W3 验证器中给出错误，但它在点击时完成工作。

<span href="#" class="click">+</span>

如果我将其转换为下面的代码，它会在 W3 中验证，但单击时指针会在屏幕上向上移动。它不会停留在“+”上

<a href="#" class="click">+</a>

它有什么问题？

【问题讨论】：

标签： css

【解决方案1】：

如果您不想提供链接，请使用<button> 而不是<a>！

<button> 元素正是您想要的，因为<a> 标记用于链接，href="#" 会触发跳转到顶部。

【讨论】：

【解决方案2】：

为避免锚标签上的点击跳转，请删除哈希并添加javascript:;，如下所示：

<a href="javascript:;" class="click">+</a>

【讨论】：

【解决方案3】：

你也可以这样用。

<a href="javascript:void(0)"; class="click">+</a>

你推荐更多here

【讨论】：