首页 文章

Clickable Div vs Button vs href?

提问于
浏览
4

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

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

今天哪种方式最好(html5 css3)?

3 回答

  • 5

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

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

    让表格跟随功能你应该好好去:0)

  • 0

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

    这本身并不是黑客攻击,因为这是ARIA角色的一部分 . 但要了解并确保自己做对,这是一件额外的事情 .

  • 0

    在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>
    

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

    但是,当我们使用 adivs 来扮演按钮的角色时,你需要调用javascript并寻求帮助

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

相关问题