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

Ist es falsch zu verwenden, die html - <button> tag beim entwerfen einer Benutzeroberfläche, anstatt mit <div class="button">? In der Umsetzung habe ich nicht bemerkt einen Unterschied zwischen den beiden Ansätzen, und <button> scheint mehr semantische, aber ich bin nicht sicher, ob es ausschließlich für die Verwendung innerhalb eines Formulars. Die Taste würde nicht in eine form. Mit der <div> - tag zu sein scheint, die häufigste Art und Weise der Herstellung-Tasten (bootstrap), aber ich bin nicht sicher, warum. Gibt es irgendwelche technischen Gründe?

ähnlich wie stackoverflow.com/questions/469059/...
Nein, nicht wirklich.

InformationsquelleAutor darko | 2013-01-08

  1. 8

    Ist es besser <button> eher als <div> oder andere element zur Darstellung einer Schaltfläche. Die "type" - Attribut ist hier wichtig und sollte type="button", ohne dass es der default-Wert ist submit was nicht sinnvoll ist, die außerhalb der form.

    Yeah und durch die Art und Weise, mit einem <button> außerhalb der form ist das völlig in Ordnung.

    Oft bei der Gestaltung einer Benutzeroberfläche, die <a> tag ist der am besten geeignete element, wo es Sinn macht, aber <button> ist völlig in Ordnung (und wirklich, bestimmt) zur Ausführung einer Aktion via javascript.

    Mithilfe der <div> - tag zu sein scheint, die häufigste Art und Weise der Herstellung-Tasten (bootstrap), aber ich bin nicht sicher, warum.

    Ich wirklich noch nicht gesehen, dies zu beweisen, und um ehrlich zu sein, es spielt keine Rolle, was Sie tun. Das bootstrap-framework neigt dazu, zu ignorieren, Semantik, beispielsweise durch die Verwendung von leeren Elementen nur für die Layout-Gründen, wie <li class="divider"></li>.

    InformationsquelleAutor Wesley Murch

  2. 6

    Aus einer usability-Perspektive ist, es besser zu implementieren <button> über <div> oder <a> aufgrund der Art, wie Browser-Griff Interaktivität.

    Wenn Ihre Benutzer sind schlampig Clicker und Sie klicken-und-ziehen, die durch Fehler, oder auf einem touch-screen, können Sie am Ende der Auswahl der <div> Inhalte eher als auslösendes ein click-Ereignis. Mit <button> wird erheblich verringern dieses problem.

    Aber nicht-button-Objekte, wie <div>'s, mehr Flexibilität bei der Anwendung von CSS. Vor allem in älteren Browsern.

    InformationsquelleAutor Andy Purviance

Schreibe einen Kommentar