一般的な規約
タグ
自己終了タグ、閉じる必要なし (例: img input br hr など);
オプションの終了タグ (終了タグ)、閉じる必要があります (例: または < ; /body>);
タグの数をできるだけ減らします;
クラスと ID
クラスは式ではなく関数またはコンテンツに基づいて名前を付ける必要があります。
クラスと ID は小文字にする必要があり、複数の単語で構成される場合はダッシュ区切りを使用します。
JavaScript フックとして一意の ID を使用します。
属性の順序
読みやすさを確保するために、HTML 属性は特定の順序で表示される必要があります。
id
class
name
data-xxx
src、for、type、href
title、alt
aria-xxx、role
引用符
属性の定義には二重引用符を一律に使用します。
b ネスト
a は div のネストを許可しません。この制約はセマンティックネスト制約です。たとえば、a は a のネストを許可しません。
厳密なネスト制約はすべてのブラウザで許可されるわけではありません。セマンティックネスト制約については、ほとんどのブラウザがフォールト トレランスを処理し、生成されるドキュメント ツリーは互いに異なる場合があります。
セマンティックネスト制約
厳密なネスト制約
インライン レベル要素にはテキストまたは他のインライン レベル要素のみを含めることができます。、
