<button class=“bouton”> tag vs <div class=“bouton”>

Il est incorrect d'utiliser le html <button> balise lors de la conception d'une INTERFACE utilisateur plutôt que d'utiliser <div class="button">? Dans la mise en œuvre, je n'ai pas remarqué une différence entre les deux approches, et <button> semble plus sémantique, mais je ne suis pas sûr si c'est destiné uniquement à une utilisation au sein d'un formulaire. Le bouton ne serait pas en forme. À l'aide de la <div> balise semble être la façon la plus courante de faire des boutons ("bootstrap") mais je ne suis pas sûr pourquoi. Existe-il des raisons techniques à cela?

similaire à stackoverflow.com/questions/469059/...
non, pas vraiment.

OriginalL'auteur darko | 2013-01-08

  1. 8

    Il est préférable d'utiliser <button> plutôt que <div> ou tout autre élément à représenter un bouton. L'attribut "type" est important ici, et elle devrait être type="button", sans elle, la valeur par défaut est submit qui n'a pas de sens en dehors d'un formulaire.

    Et oui en passant, avoir un <button> à l'extérieur d'une forme est parfaitement bien.

    Souvent pendant la phase de conception de l'INTERFACE utilisateur, le <a> tag est le plus approprié de l'élément où il fait sens, mais <button> est parfaitement bien (et vraiment, prévu) pour effectuer une action via javascript.

    À l'aide de la <div> balise semble être la façon la plus courante de faire des boutons ("bootstrap") mais je ne suis pas sûr pourquoi.

    Je n'ai pas vu la preuve de cela, et pour être honnête, ça n'a pas d'importance ce qu'ils font. Le bootstrap cadre tend à ignorer la sémantique, par exemple, bien que l'utilisation d'éléments vides seulement pour des raisons de présentation, comme <li class="divider"></li>.

    OriginalL'auteur Wesley Murch

  2. 6

    À partir d'un point de vue de l'utilisabilité, il est préférable de mettre en œuvre <button> sur <div> ou <a> en raison de la façon dont les navigateurs gérer l'interactivité.

    Si vos utilisateurs sont bâclée boitiers et cliquer sur un bouton et faites-le glisser par erreur, ou sur un écran tactile, ils peuvent choisir les <div> contenu plutôt que le déclenchement d'un événement de clic. À l'aide de <button> permettra de réduire considérablement ce problème.

    Mais, non les objets de bouton, comme <div>'s, peut être plus flexible lors de l'application de feuilles de style CSS. En particulier dans les navigateurs plus anciens.

    OriginalL'auteur Andy Purviance