HTML 태그에서 속성을 주문하는 표준화 된 방법이 있습니까?

AngularJS 프로젝트를 진행 중이며 많은 HTML 요소에서 속성이 다양합니다.

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

이러한 속성의 순서에 대해 표준화 된 규칙이 있습니까? 알파벳순? 의미별로 그룹화 (예 : 모든 각도 속성을 함께)? 표준 HTML 속성 (예 : "유형")이 먼저입니까?

programming-practices coding-style html

— 매트 캐쉬
소스

아니요, 표준이 없습니다. W3C는 속성의 순서는 중요하지 않다고 말합니다. 인터넷 또는 Angular 서적에서 Angular 코드 예제를 찾아서 설정 한 규칙을 따르십시오. 실제로 "정확한"것이 아니라면 "정확한"에 가깝습니다.

— Robert Harvey

나는 그렇게 생각하지 않습니다. 그러나 콘솔에서 돔을 보면 알파벳순으로 정렬됩니다.

— Abel D

또한 "Google 태그에서 속성 주문"을 통해 많은 조언을 찾을 수 있습니다.

— Robert Harvey

감사합니다 AbelD와 @RobertHarvey. 나는 실제로 구글을 통해 많은 의견을 찾고 있지만 더 표준적인 접근법이 있기를 바랐다. 다시 감사합니다.

— Matt Cashatt

@AbelD HTML 속성의 알파벳 순서는 개발자에게는 최악의 생각처럼 들립니다.

— Alternatex

표준이 없습니다. 이해하기 쉽도록 최적화하고 일관성을 유지하십시오.

개인적 id으로 테스터가 쉽게 찾을 수 있도록 항상 속성을 먼저 배치하는 것이 좋습니다.

— 브라이언 오클리
소스

가장 중요한 것은 간결한 것입니다. 팀에서 일하는 경우 앞서 언급 한 이유로 동일한 패턴을 따르십시오. 내가 고수하는 경향을 type, id/ for, name, class. 내가 각도를 사용하면 모든 ng-속성이 먼저 진행됩니다. 개인적인 취향에 달려 있습니다.

— die maus