html - 为什么不鼓励按钮导航？

Question

这可能是一个自以为是的问题，但我环顾了网络，网络开发人员似乎喜欢设计 <a> 的样式。标签看起来像按钮，而不是使用特定的 <button>标签。我在查看导航时明显看到了这一点

经过一些研究，我发现了这个:

• Buttons are not search friendly, since the text within is invisible to search engines.
• Buttons are harder to update than links, requiring Photoshop and a new image for every update.
• Buttons load more slowly that links, making them especially bad for mobile visitors.
• Buttons are less accessible to the visually impaired.
• Buttons are unnecessary, even if you want to use non-standard fonts, thanks to tools like TypeKit. ~ quoted from here

但是，这些“理由”中的大多数似乎都非常站不住脚，而且像“您需要 photoshop”这样的回答似乎……好吧……无效？

所以我想知道:

<button> 是否有实际原因？创建导航菜单时不使用标签，而是样式 <a>标签看起来像按钮？为什么按钮不是常态？这不是他们的目的吗？

^{* 我不希望您在这里发表意见或观点。只有关于为什么会这样的事实信息}

Answer 1

阅读评论中发布的多个文档后，似乎确实有一个明确的事实原因，即导航栏中未使用按钮。

anchor 标签

当存在页面重定向或将用户带到网站的其他地方时，将使用这些。

• If it navigates, it is a link. Use link markup with a valid hypertext reference

~Links are not buttons

按钮元素

当您想doSomething() 不 重定向用户时使用这些。 IE。提交表格等。

---

你需要问自己的问题是:

此控件将用于启动即时操作还是导航到另一个页面的操作？

如果您的问题的答案是第一部分，那么您应该使用 button 元素。而如果您希望使用后者，那么您应该使用 a 元素。

进一步阅读:

• w3.org

• Links are not buttons. Neither are DIVs and SPANs

• When To Use The Button Element