HTML
class・id の違い
読み方：クラス・アイディー のちがい
classは複数の要素に同じ名前をつけられる。idは1ページに1つだけ。基本はclassを使う。
やさしい説明
classは同じスタイルを複数の要素に使い回せます。idは1ページに1つだけの要素を特定するために使います。
具体例・使い方
class="card" → 何個でも使える（複数のカードに同じスタイル）
id="header" → 1ページに1つだけ（ヘッダーは1つしかない）
classは「役職」、idは「名前」のようなもの
よくある疑問
Q: idはいつ使う？
A: ページ内リンクのアンカーや、JavaScriptで特定の要素を取得するときに使います。
Q: 同じidを2つの要素につけたらどうなる？
A: HTMLとしては無効です。JavaScriptのgetElementByIdが正しく動かなくなる可能性があります。
関連用語
📖 関連レッスン
レッスンを見る →