[PR] 容量300MB、月額125円、高性能なサーバが日本最大級のバックボーンに直結。さくらのレンタルサーバ

スタイルシート・CSSを書いてみよう

クラスとIDを使い分ける ~固定・単独の領域にはIDを~

 クラスもIDも同じような効果を期待できますが、どのように使い分けるのが良いでしょうか?これといった絶対的な決まりはほとんどありませんが、一般的な使い分けの基準としては、以下のようなものがよく見受けられます。

IDを使う場所:同一ページ内で1回しか使わない固定領域

 ブログのデザインなどでも多様されているようですが、ヘッダー部分、サイドバー部分、コンテンツ部分、フッター部分といったように、そのページ内で固定的で一回しか登場しない領域に使われることが多いようです。

 というのも、実はW3Cの定義によれば、IDは1つのHTML文書内で1回しか呼び出すことができないと規定されているのです。多くのブラウザでは2回以上使っても表示されてしまうようですが、これは誤った使用方法ですので注意が必要です。ちなみに、Javascript(ジャバスクリプト)などを活用するためにIDを使用することがあります。

クラスを使う場所:同一ページで何回か使う領域

 クラスを使うのは、IDを使うべき場所以外の領域やタグが対象になることが多いようです。IDを使うのがよい場所でクラスを使用しても全く問題はありません。

サイトトップページへ戻る