Clickable Div vs Button vs href？

Question

我正在尝试学习通过HTML/CSS创建按钮的最佳方法。我之前使用的是clickable div，但看起来这不是最好的主意。

那button的呢？或者是href的

哪种方式是目前最好的选择(html5 css3)？

Answer 1

这取决于您正在寻找的行为。如果它的目的是链接到另一个页面，则使用<a>。如果它是用来提交表单或者做一些post或get的，我会使用一个按钮。

有一个基于web的项目管理产品，叫做Basecamp。当他们第一次启动时，他们使用<a>标签作为每个单独任务旁边的删除按钮。使用chrome的google web优化器插件访问其内部页面的用户会看到他们的所有任务都被标记为已删除。Google页面优化器查找页面中的链接，并触发点击以预加载未来的页面。

让表单遵循函数，您应该可以执行以下操作:0)

Answer 2

支持按钮的一个原因是，按钮在可访问性方面自然更好，而使用链接、跨度或其他标记则无法做到这一点。要获得这些其他元素的适当可访问性，您必须对fix them使用ARIA角色。

这本身并不是黑客攻击，因为这是ARIA角色的一部分。但这是一件额外的事情，需要学习并确保你是正确的。

Answer 3

在html中创建按钮的最佳方法是使用或，因为当您尝试提交表单时，浏览器默认使用提交类型的按钮和输入。

例如：

<form action="somepage.php" method="POST">
   <input type="text" name="name1">
   <textarea></textarea>
   <input type="submit" value="submit the form with a input of type submit">
</form>

只有当用户单击提交按钮时，才会提交表单数据

但是，当我们使用a或div来扮演按钮的角色时，您需要调用javascript并请求帮助

最后，好的做法是使用按钮和类型为SUBMIT的输入来扮演按钮的角色，其他一切都是可以增加加载页面时间的定制