Gibt es eine standardisierte Vorgehensweise zum Ordnen von Attributen in HTML-Tags?

13

Ich arbeite an einem AngularJS-Projekt und die Attribute sind in vielen meiner HTML-Elemente zahlreich:

  <button type="submit" 
          ng-click="Page.UI.DetailView.ExecuteFunction()" 
          ng-disabled="step5.$invalid" 
          class="btn btn-success pull-right">
      Submit this Product
  </button>

Gibt es eine standardisierte Konvention für die Reihenfolge dieser Attribute? Alphabetisch? Nach Bedeutung gruppiert (zB alle Winkelattribute zusammen)? Standard-HTML-Attribute (zum Beispiel "Typ") zuerst?

Matt Cashatt
quelle
6
Nein, es gibt keinen Standard. W3C sagt, dass die Reihenfolge der Attribute keine Rolle spielt. Suchen Sie nach Angular-Codebeispielen im Internet oder in einem Angular-Buch und befolgen Sie die dort festgelegten Konventionen. Die Chancen stehen gut, dass es fast "richtig" ist, wenn nicht sogar "richtig".
Robert Harvey
Ich glaube nicht. Wenn Sie sich die Dom in Konsole ansehen, ist sie alphabetisch sortiert.
Abel D
1
Darüber hinaus erhalten Sie zahlreiche Tipps, wenn Sie "Attribute in HTML-Tags sortieren" googeln.
Robert Harvey
Danke AbelD und @RobertHarvey. Ich finde zwar viele Meinungen über Google, habe aber gehofft, dass es einen einheitlicheren Ansatz gibt. Danke noch einmal.
Matt Cashatt
1
@AbelD Die alphabetische Anordnung von HTML-Attributen klingt für Entwickler nach der schlechtesten Idee aller Zeiten.
Alternatex

Antworten:

13

Es gibt keinen Standard. Optimieren Sie, um das Verständnis zu erleichtern, und versuchen Sie, konsistent zu sein.

Persönlich finde ich es auch gut, das idAttribut immer an erster Stelle zu setzen, damit Tester es leichter finden.

Bryan Oakley
quelle
3
Ich finde, das Wichtigste ist, dass man sich kurz fasst. Wenn Sie in einem Team arbeiten, achten Sie aus dem oben genannten Grund darauf, dass Sie dem gleichen Muster folgen. Ich neige dazu, halten Sie sich an type, id/ for, name, class. Wenn ich winklig verwende, werden alle ng--attribute zuerst gesetzt. Es liegt an den persönlichen Vorlieben.
Die Maus