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

时间:2015-06-19 11:06:32

标签: html css navigation

这可能是一个自以为是的问题,但我在网上看看,似乎网络开发人员喜欢将<a>标记设置为按钮,而不是使用特定的<button>标记。在查看导航时我明显看到了这一点

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

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

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

所以我想知道:

在创建导航菜单时是否存在未使用<button>标记的实际原因,而是将<a>标记设置为按钮? 为什么按钮不是常态?这不是他们的目的吗?

*我不希望你的意见,也不希望你的意见。只有关于为什么会出现这种情况的事实信息

1 个答案:

答案 0 :(得分:5)

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

锚标记

页面重定向或将用户带到网站的其他位置时,会使用这些内容。

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

Links are not buttons

按钮元素

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

您需要问自己的问题是:

此控件是否会用于启动立即操作是否要导航到其他页面?

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

进一步阅读: