Esiste una pratica standardizzata per ordinare gli attributi nei tag HTML?


13

Sto lavorando a un progetto AngularJS e gli attributi sono numerosi in molti dei miei elementi HTML:

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

Esiste una convenzione standardizzata per l'ordine di questi attributi? Alfabetico? Raggruppati per significato (ad esempio tutti gli attributi angolari insieme)? Attributi HTML standard ("tipo" per esempio) prima?


6
No, non esiste uno standard. Il W3C afferma che l'ordine degli attributi non ha importanza. Trova alcuni esempi di codici angolari da qualche parte su Internet o in un libro angolare e segui qualsiasi convenzione stabilita lì; è probabile che sia vicino a "corretto", se non effettivamente "corretto".
Robert Harvey,

Non la penso così. Ma se guardi il dom in console è in ordine alfabetico.
Abel D,

1
Inoltre, puoi trovare molti consigli su Google "Ordinare gli attributi nei tag HTML".
Robert Harvey,

Grazie AbelD e @RobertHarvey. In effetti sto trovando molte opinioni su Google, ma speravo che ci fosse un approccio più standard. Grazie ancora.
Matt Cashatt,

1
@AbelD L'ordinamento alfabetico degli attributi HTML sembra l'idea peggiore di sempre, per uno sviluppatore.
Alternatex

Risposte:


13

Non esiste uno standard Ottimizza per facilità di comprensione e cerca di essere coerente.

Personalmente penso che sia anche bene mettere sempre l' idattributo al primo posto, in modo che sia più facile per i tester trovarlo.


3
Trovo che la cosa più importante sia essere concisi. Se lavori in gruppo, assicurati di seguire lo stesso schema per il motivo sopra menzionato. Io tendo a rispettare type, id/ for, name, class. Se sto usando angolare, allora tutti gli ng-attributi andranno per primi. Dipende dalle preferenze personali.
die maus,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.