Có một thực tiễn được tiêu chuẩn hóa để đặt hàng các thuộc tính trong thẻ HTML không?

Tôi đang làm việc trong một dự án AngularJS và các thuộc tính có rất nhiều trong các yếu tố HTML của tôi:

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

Có một quy ước được tiêu chuẩn hóa cho thứ tự của các thuộc tính này? Bảng chữ cái? Được nhóm theo ý nghĩa (ví dụ: tất cả các thuộc tính góc với nhau)? Thuộc tính HTML tiêu chuẩn ("loại" chẳng hạn) trước tiên?

programming-practices coding-style html

— Matt Cashatt
nguồn

Không, không có tiêu chuẩn. W3C nói rằng thứ tự của các thuộc tính không quan trọng. Tìm một số ví dụ về mã Angular ở đâu đó trên Internet hoặc trong một cuốn sách Angular và tuân theo bất kỳ quy ước nào họ đã đặt ra ở đó; rất có thể nó gần với "chính xác", nếu không thực sự là "chính xác".

— Robert Harvey

Tôi không nghĩ vậy. Nhưng nếu bạn nhìn vào dom trong console thì nó được sắp xếp theo thứ tự abc.

— Abel D

Ngoài ra, bạn có thể tìm thấy vô số lời khuyên bằng cách Googling "Đặt hàng các thuộc tính trong thẻ HTML."

— Robert Harvey

Cảm ơn AbelD và @RobertHarvey. Tôi thực sự đang tìm thấy nhiều ý kiến thông qua Google, nhưng đã hy vọng rằng có một cách tiếp cận tiêu chuẩn hơn. Cảm ơn một lần nữa.

— Matt Cashatt

@AbelD Sắp xếp theo thứ tự các thuộc tính HTML nghe có vẻ là ý tưởng tồi tệ nhất đối với một nhà phát triển.

— Alternatex

Không có tiêu chuẩn. Tối ưu hóa để dễ hiểu, và cố gắng nhất quán.

Cá nhân tôi nghĩ rằng cũng tốt khi luôn đặt idthuộc tính lên hàng đầu, để người kiểm tra dễ dàng tìm thấy nó hơn.

— Bryan Oakley
nguồn

Tôi thấy điều quan trọng nhất là phải súc tích. Nếu làm việc trong một nhóm, hãy đảm bảo bạn theo cùng một mô hình vì lý do đã nói ở trên. Tôi có xu hướng dính vào type, id/ for, name, class. Nếu tôi đang sử dụng angular thì tất cả các ng-phân phối sẽ đi trước. Tùy thuộc vào sở thích cá nhân.

— chết maus