HTML5のクラスとIDの違いは何ですか

違い: 1. スコープが異なります。クラスのスコープはより大きく、ID のスコープはより小さくなります。 2. 優先順位レベルが異なり、ID セレクターの優先順位が高く、クラス セレクターの優先順位が高くなります。の方が低い; 3. CSS での使用構文が異なり、class は「.」で選択され、id は「#」で選択されます。

このチュートリアルの動作環境: Windows 10 システム、HTML5 バージョン、Dell G3 コンピューター。

html5 の class と id の違いは何ですか

id ​​

は ID 番号に似た一意の識別子です。すぐにオブジェクトを作成し、それに対して操作を実行します。

id ​​を使用してラベル スタイルを変更する場合、#id を使用してラベル スタイルを表します。

Class

はクラスを指します。たとえば、同じスタイルのタグが 4 つあった場合、便宜上、これら 4 つのタグのスタイルを Class に置き、使用する必要がある場合は、この Class クラスから直接タグに継承させることで量を減らすことができます。コードの中で、4 つのタグを正確に制御する必要がある場合は、ID とクラスを使用して 1 つのタグを同時に制御できます。

Class を使用してラベル スタイルを変更する場合、.Class を使用してそれを表します。

違いは次のとおりです:

• スコープ効果の違い: クラスのスコープは、個人 ID カードと同様に一意の識別子を表す id のスコープよりも大きく、一意であり、ページ上で 1 回だけ呼び出すことができます。通常、Web ページには 2 つ以上の ID が存在しません。クラスのスコープはさらに広く、クラスはクラスのラベルであり、インターフェイス内で複数回呼び出すことができます。再利用可能です。

• 優先順位が異なります。ID セレクターの優先順位は、クラス セレクターの優先順位よりも高くなります。より重要なものについては、ID セレクターを使用できます。

• 使用される構文は異なります。CSS での ID セレクターの使用方法 (例として div を使用するなど): (たとえば、 div id='i' などがあります。) .and div class=' c'...2 つの div ボックス、CSS で引用されたメソッドは次のとおりです:)

.c{
属性：属性值；
} 
#i{
属性：属性值；
}

推奨チュートリアル: "html ビデオ チュートリアル"

以上がHTML5のクラスとIDの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。