Apakah ada praktik standar untuk memesan atribut dalam tag HTML?


13

Saya sedang mengerjakan proyek AngularJS dan atributnya banyak di banyak elemen HTML saya:

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

Apakah ada konvensi standar untuk urutan atribut ini? Alfabetis? Dikelompokkan berdasarkan makna (misalnya, semua atribut sudut bersamaan)? Atribut HTML standar ("ketik" misalnya) pertama kali?


6
Tidak, tidak ada standar. W3C mengatakan bahwa urutan atribut tidak masalah. Temukan beberapa contoh kode Sudut di suatu tempat di Internet atau di buku Sudut, dan ikuti konvensi apa pun yang telah mereka tetapkan di sana; kemungkinannya mendekati "benar," jika tidak benar-benar "benar."
Robert Harvey

Saya rasa tidak. Tetapi jika Anda melihat dom di konsol itu dipesan berdasarkan abjad.
Abel D

1
Selain itu, Anda dapat menemukan banyak saran dengan Googling "Memesan atribut dalam tag HTML."
Robert Harvey

Terima kasih AbelD dan @RobertHarvey. Saya memang menemukan banyak pendapat melalui Google, tetapi berharap ada pendekatan yang lebih standar. Terima kasih lagi.
Matt Cashatt

1
@AbelD Pemesanan abjad atribut HTML terdengar seperti ide terburuk yang pernah ada, untuk seorang pengembang.
Alternatex

Jawaban:


13

Tidak ada standar. Optimalkan untuk kemudahan pemahaman, dan cobalah untuk konsisten.

Secara pribadi saya pikir itu juga baik untuk selalu menempatkan idatribut terlebih dahulu, sehingga lebih mudah bagi penguji untuk menemukannya.


3
Saya menemukan hal yang paling penting adalah ringkas. Jika bekerja dalam tim, pastikan Anda mengikuti pola yang sama untuk alasan yang disebutkan di atas. Saya cenderung untuk tetap type, id/ for, name, class. Jika saya menggunakan sudut maka semua- ng-atribut akan pergi dulu. Ini karena preferensi pribadi.
die maus
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.