Чи існує стандартизована практика впорядкування атрибутів у тегах HTML?


13

Я працюю над проектом 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 (наприклад, "тип")?


6
Ні, немає стандарту. W3C каже, що порядок атрибутів значення не має. Знайдіть приклади кодового коду десь в Інтернеті чи в книзі Angular та дотримуйтесь будь-якої конвенції, яку вони там встановили; цілком ймовірно, що він близький до "правильного", якщо не насправді "правильного".
Роберт Харві

Я не думаю, що так. Але якщо подивитися на купол у консолі, він впорядкований за алфавітом.
Абель D

1
Крім того, ви можете знайти безліч порад Googling "Замовлення атрибутів у тегах HTML".
Роберт Харві

Дякую AbelD та @RobertHarvey. Я дійсно знаходив безліч думок через Google, але сподівався, що існує більш стандартний підхід. Знову дякую.
Метт Кашатт

1
@AbelD Алфавітне впорядкування атрибутів HTML звучить як найгірша ідея для розробника.
Alternatex

Відповіді:


13

Немає стандарту. Оптимізуйте для зручності розуміння та намагайтеся бути послідовними.

Особисто я вважаю, що також добре завжди на idперше місце ставити атрибут, щоб тестерам було легше його знайти.


3
Я вважаю, що найголовніше - бути лаконічним. Якщо ви працюєте в команді, переконайтеся, що ви слідуєте тій же схемі з вищезгаданої причини. Я схильний дотримуватися type, id/ for, name, class. Якщо я використовую кутовий, то всі ng--атрибути будуть першими. Це до особистих уподобань.
die maus
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.