Существует ли стандартная практика упорядочения атрибутов в тегах 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 где-нибудь в Интернете или в книге на Angular и следуйте соглашению, которое они там установили; скорее всего, он близок к «правильному», если не совсем «правильному».
Роберт Харви
Я так не думаю. Но если вы посмотрите на дом в консоли, это в алфавитном порядке.
Авель Д
1
Кроме того, вы можете найти множество советов от Googling «Упорядочивание атрибутов в тегах HTML».
Роберт Харви
Спасибо AbelD и @RobertHarvey. Я действительно нахожу множество мнений через Google, но надеялся, что есть более стандартный подход. Еще раз спасибо.
Мэтт Кашатт
1
@AbelD Алфавитный порядок атрибутов HTML звучит как самая плохая идея для разработчика.
Alternatex

Ответы:

13

Там нет стандарта. Оптимизируйте для простоты понимания и старайтесь быть последовательными.

Лично я считаю, что всегда хорошо ставить idатрибут первым, чтобы тестерам было легче его найти.

Брайан Оукли
источник
3
Я считаю, что самое главное, чтобы быть кратким. Если вы работаете в команде, следуйте той же схеме по вышеуказанной причине. Я склонен придерживаться type, id/ for, name, class. Если я использую angular, тогда все ng-атрибуты будут идти первыми. Это зависит от личных предпочтений.
Die Maus