Existe-t-il une pratique standardisée de classement des attributs dans les balises HTML?


13

Je travaille sur un projet AngularJS et les attributs sont nombreux dans plusieurs de mes éléments HTML:

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

Existe-t-il une convention standardisée pour l'ordre de ces attributs? Alphabétique? Regroupés par signification (par exemple, tous les attributs angulaires ensemble)? Attributs HTML standard ("type" par exemple) en premier?


6
Non, il n'y a pas de norme. Le W3C dit que l'ordre des attributs n'a pas d'importance. Trouvez des exemples de code angulaire quelque part sur Internet ou dans un livre angulaire, et suivez la convention qu'ils y ont établie; il est probable qu'il soit proche de «correct», sinon «correct».
Robert Harvey

Je ne pense pas. Mais si vous regardez le dom dans la console, il est classé par ordre alphabétique.
Abel D

1
De plus, vous pouvez trouver de nombreux conseils en recherchant des attributs dans les balises HTML sur Google.
Robert Harvey

Merci AbelD et @RobertHarvey. Je trouve en effet beaucoup d'opinions via Google, mais j'espérais qu'il y aurait une approche plus standard. Merci encore.
Matt Cashatt

1
@AbelD L'ordre alphabétique des attributs HTML semble cependant être la pire idée pour un développeur.
Alternatex

Réponses:


13

Il n'y a pas de norme. Optimisez pour faciliter la compréhension et essayez d'être cohérent.

Personnellement, je pense qu'il est également bon de toujours mettre l' idattribut en premier, afin qu'il soit plus facile pour les testeurs de le trouver.


3
Je trouve que la chose la plus importante est d'être concise. Si vous travaillez en équipe, assurez-vous de suivre le même schéma pour la raison susmentionnée. J'ai tendance à coller à type, id/ for, name, class. Si j'utilise angulaire, tous les ng-attributs iront en premier. C'est à la préférence personnelle.
die maus
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.