这可能是一个自以为是的问题,但我在网上看看,似乎网络开发人员喜欢将<a>
标记设置为按钮,而不是使用特定的<button>
标记。在查看导航时我明显看到了这一点
经过一番研究后,我发现了这个:
- 按钮不是搜索友好的,因为搜索引擎内的文本是不可见的。
- 按钮比链接更难更新,每次更新都需要Photoshop和新图像。
- 按钮加载速度较慢,这对于移动访问者来说尤其糟糕。
- 视障人士无法使用按钮。
- 由于TypeKit等工具,即使您想使用非标准字体,也不需要按钮。 〜引自here
然而,这些'原因'中的大多数看起来都很脆弱,像'你需要photoshop'这样的答案似乎......好吧......无效?
所以我想知道:
在创建导航菜单时是否存在未使用<button>
标记的实际原因,而是将<a>
标记设置为按钮?
为什么按钮不是常态?这不是他们的目的吗?
*我不希望你的意见,也不希望你的意见。只有关于为什么会出现这种情况的事实信息
答案 0 :(得分:5)
在阅读评论中发布的多个文档后,似乎实际上有一个明确的事实原因导航栏中没有使用按钮。
当页面重定向或将用户带到网站的其他位置时,会使用这些内容。
- 如果导航,则为链接。将链接标记与有效的超文本引用一起使用
当您想 doSomething() 不重定向用户时,可以使用这些。即提交表格/等。
您需要问自己的问题是:
此控件是否会用于启动立即操作或是否要导航到其他页面?
如果您的问题的答案是第一部分,那么您应该使用button
元素。如果您想要做的是后者,那么应该使用a
元素。
进一步阅读: