为什么按钮不受导航影响?

jbu*_*483 4 html css navigation

这可能是一个固执己见的问题,但我正在环顾网络,似乎Web开发人员喜欢将<a>标签设置为看起来像按钮,而不是使用特定<button>标签.看着导航时我明显看到了这一点

经过一番研究,我发现了这个:

  • 按钮不是搜索友好的,因为搜索引擎内的文本是不可见的.
  • 按钮比链接更难更新,需要Photoshop和每个更新的新图像.
  • 按钮加载速度更慢,这对于移动访问者来说尤其糟糕.
  • 视障人士不太容易接触按钮.
  • 由于TypeKit等工具,即使您想使用非标准字体,也不需要按钮.〜引自这里

然而,这些'原因'中的大多数看起来都很脆弱,像'你需要photoshop'这样的答案似乎......好吧......无效?

所以我想知道:

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

*我不希望你的意见,也不希望你的意见.只有事实信息才是这种情况

jbu*_*483 5

在阅读了评论中发布的多个文档之后,似乎实际上有一个明确的事实原因,导航栏中没有使用按钮.

锚标签

当页面重定向或将用户带到网站上的其他位置时,可以使用这些.

  • 如果它导航,则它是一个链接.将链接标记与有效的超文本引用一起使用

〜链接不是按钮

按钮元素

当您想要不重定向用户的doSomething()时,可以使用这些.即提交表格/等


你需要问自己的问题是:

此控件是用于启动立即操作还是操作导航到另一个页面?

如果你的问题的答案是第一部分,那么你应该使用一个button元素.如果你想要做的是后者,那么你应该使用一个a元素.

进一步阅读: