前端优化1--按钮

通常情况下,按钮使用以下几种方式来实现:

<button>click me</button>
优点:语义明确,直接有按钮效果。
缺点:①有默认button样式(border,点击时变化)②自己设置样式时,点击下去时,边框问题无法解决。③在form表单中,如果不设置type,则在各浏览器解析不同。
<input type="button" value="inputBtn" />
优点:直接有按钮效果,form表单能正确解析想要效果。
缺点:①有默认button样式(border,点击时变化)②自己设置样式时,点击下去时,边框问题无法解决。③语义不明确
<a href="">button</a>

优点:不存在button和input的bug。
缺点:语义不明确

<div>button</div>
同a

综上所述,button按钮,当前情况下,还是用a来实现。参考淘宝,京东,百度按钮。
原文地址:https://www.cnblogs.com/cshi/p/5680402.html