Question

我正在尝试通过HTML / CSS学习创建按钮的最佳方法。我以前使用过可点击的div，但看起来这不是最好的想法。

按钮怎么样？或者一个href的

今天哪种方式最好（html5 css3）？

Answer 1

这取决于您正在寻找的行为。如果其目的是链接到另一个页面，则使用<a>。如果是提交表格或做某种帖子或得到我会使用一个按钮。

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

让表格跟随功能，你应该好好去：0）

Answer 2

支持按钮的一个原因是按钮对于可访问性自然更好，而使用链接，跨度或其他标记则无法实现。要获得与其他元素的正确可访问性，您必须使用ARIA角色fix them。

这本身并不是黑客攻击，因为这是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 或 divs 来扮演按钮的角色时，您需要调用javascript并寻求帮助

有益的是，良好的做法是使用按钮和输入类型提交来发挥按钮的作用所有这些都是可以增加时间来加载页面的定制

Clickable Div vs Button vs href？

3 个答案: