いつクラスを使用する必要があり、いつ HTML で id を使用してページのスタイルを設定する必要がありますか。
例:<h1 class="ClassName">
<h1 id="IDName">
ID は一意ですが、クラスは再利用できます。両方を同時に使用することもできます。
<h1 class="ClassName" id="IDName">
一般的な経験則として、id を個別の識別子として使用し、再利用する共通マークアップのクラスを使用します。
id
同じ種類の要素が 1 つしかない場合と、複数ある場合に使用しclass
ます。
たとえば、次のリストがあります。
<div class="listItem">Item 1</div>
<div class="listItem" id="selected">Item 2</div>
<div class="listItem">Item 3</div>
ここでは、javascript: を使用して、選択した要素を取得できますdocument.getElementById('selected')
。
同じことをid
2 回行うべきではありませんが、常にclass
何度も行う必要があります。
documentationも見てください。非常にうまく説明されています。
id を使用して、ページまたは単一の div に単一のインスタンスのみが存在する要素を識別します。たとえば、特定の場所に配置するナビゲーション バーが 1 つある場合は、id に使用されるよりも jquery で使用される関数に対して、id="navi"
ヘッダーに ., を使用します。used id="header_sectoin"
id="slider_left"
class を使用して、すべてが特定の方法で動作する要素をグループ化します。たとえば、会社名を本文に太字で表示したい場合は、.
例:
文章#header_section {font-color:#fff}
.header_section {font-color:#000}
テキストは白になります。
詳細については :
ID は一意である 各要素は 1 つの ID のみを持つことができる 各ページはその ID を持つ要素を 1 つだけ持つことができる
クラスは一意ではありません 複数の要素で同じクラスを使用できます。同じ要素で複数のクラスを使用できます。
どの ID またはクラスにもブラウザの既定値はありません。要素にクラス名または ID を追加しても、既定ではその要素には何も影響しません。
要素は両方を持つことができます
id は一意です。たとえば、css スタイルをタグの 1 つだけに割り当てたい場合は、それらを ID に関連付けることができます。クラスは再利用できます。たとえば、CSS スタイルをすべての<a>
タグに割り当てたい場合は、class を使用する必要があります。