Существует ли стандартная практика упорядочения атрибутов в тегах 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
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.