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コードの例を見つけて、そこに設定されている慣習に従ってください。実際には「正確」ではない場合、「正しい」に近い可能性があります。
ロバートハーベイ

そうは思わない。しかし、コンソールでdomを見ると、アルファベット順になっています。
アベルD

1
さらに、「HTMLタグの属性の順序付け」をグーグルで検索することで、多くのアドバイスを見つけることができます。
ロバートハーベイ

AbelDと@RobertHarveyに感謝します。私は実際にGoogle経由でたくさんの意見を見つけていますが、より標準的なアプローチがあることを望んでいました。再度、感謝します。
マットキャシャット

1
@AbelD HTML属性のアルファベット順は、開発者にとっては最悪のアイデアのように聞こえます。
Alternatex

回答:


13

標準はありません。理解しやすいように最適化し、一貫性を保つようにしてください。

個人的には、id属性を常に最初に置いて、テスターが見つけやすいようにすることも良いと思います。


3
最も重要なことは簡潔にすることです。チームで作業している場合は、前述の理由で同じパターンに従っていることを確認してください。私はに固執する傾向がありtypeid/ fornameclass。角度を使用している場合、すべてのng-属性が最初に移動します。それは個人的な好みにかかっています。
死んだマウス
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.