<button class ="button"> tag vs <div class ="button">

dar*_*rko 4 html css standards w3c

<button>在设计UI而不是使用时使用html 标签是不正确的<div class="button">?在实现中,我没有注意到两种方法之间的区别,并且<button>看起来更加语义,但我不确定它是否仅用于表单内的使用.该按钮不在表单中.使用<div>标签似乎是制作按钮(引导程序)最常用的方法,但我不确定为什么.这有什么技术原因吗?

Wes*_*rch 8

最好使用<button>而不是<div>或任何其他元素来表示按钮."type"属性在这里很重要 type="button",如果没有它,默认值是submit在表单之外没有意义的.

是的顺便说一句,<button>外面的表格完全没问题.

通常在设计UI时,<a>标签是最合适的元素,它是有意义的,但<button>通过javascript执行操作是完全正确的(并且真的,有意).

使用<div>标签似乎是制作按钮(引导程序)最常用的方法,但我不确定为什么.

我真的没有看到这方面的证据,说实话,他们做的并不重要.引导框架倾向于忽略语义,例如,虽然仅仅出于表现的原因使用空元素<li class="divider"></li>.


小智 6

从可用性的角度来看,这是更好地执行<button><div><a>因浏览器处理交互的方式.

如果您的用户是草率的答题器,他们错误地点击或拖动,或者在触摸屏上,他们最终可能会选择<div>内容而不是触发点击事件.使用<button>将大大减少这个问题.

但是,<div>在应用CSS时,非按钮对象(如s)可以更灵活.特别是在旧浏览器中.