idを個人とするならば、classは集団といえます。基本的にid、classには、「form#request」というふうにformなどの要素タイプを前接し、「#request」のようにオープンにしないのが原則です。
idやclassのネーミングは、「header」「contents」「subcontents」「footer」のように意味を基準にするのがよろしいです。
「red」「left」といった見た目を基準にすると、あとで「red」部をグリーンに、「left」部を中央に変更したりすることが生じた場合混乱を招きます。
id | 意味 |
---|---|
div#container | 全体を囲むdiv要素 |
div#header | ヘッダー |
div#globalnav | メニュー |
div#search | 検索部分 |
div#visual | 画像部分 |
div#wrapper | マルチカラムのデザイン調整用空ボックス |
div#main | 主要部分 |
div#sub | サイドバー |
div#footer | フッター |