前端优化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