为链接使用锚标签有什么特别的原因吗？

Question

我正在开发一个我想跟踪用户交互的网站。页面顶部的导航栏有几个链接，我想记录每个链接的点击次数。

这些链接中的每一个都实现为<span>. 我编写了一些 JS 在页面加载时运行，以设置事件侦听器来监视对这些元素的点击。当点击导航栏中的元素时，函数会将事件发送到 GA，然后将用户重定向到相应的页面。

我正在做的替代方法是将这些元素实现为<a>标签并赋予它们onclick属性。

我的问题是：有什么特别的原因我应该<a>为这些元素使用标签而不是<span>s？我想知道，因为<a>标签的存在正是为了将用户重定向到不同的页面，这就是我正在做的事情。

Answer 1

向后兼容性：即使禁用了 javascript，锚标签也能正常工作。此外，某些浏览器具有“阅读器”模式，在这些情况下锚标记可能会更好地工作。句法含义：正如您所提到的，锚标签被定义为链接标签。这就是他们的目的。所以如果你看到一个锚标签，你就知道它应该做什么。辅助功能：屏幕阅读器和其他设备知道锚标签是链接标签，并且可以以一种使它们更易于使用和“显示”辅助设备的方式对待它们。默认行为：浏览器向锚标记添加特殊行为，例如能够通过它们进行选项卡，并记录它们是否被访问。话虽如此，如果意图是处理某种操作，而不是实际链接到某些东西，则应该使用“按钮”之类的标签。现在，如果您无法提供href在浏览器中键入时有效的属性，那么它可能不是链接。

Answer 2

例如，从 SEO 的角度来看，最好使用机器人能够识别和跟随a的正确。href即使您会使用 js 处理点击并对其进行修改 - 索引机器人也会更乐意使用a.