CSSの記述 −idとclassの違い
CSS記述の際に用いられるのが「id」や「class」といった名前です。
【CSSの記述】
div { ***** : *****; }
#***** { ***** : *****; }
.***** { ***** : *****; }
div { ***** : *****; }
#***** { ***** : *****; }
.***** { ***** : *****; }
【タグへの記述】
なし
id="*****"
class="*****"
なし
id="*****"
class="*****"
上記の例のように、タグ名を直接指定する場合は問題ありませんが、「id」と「class」とではどちらを使えばよいか迷ってしまいます。この「id」と「class」の違いは次の通りです。
- 「id」は1ページ内で同じ名前を1回しか使用できない。
- 「class」は1ページ内で同じ名前を何度も使用できる。
1ページで1度しか使用できない名前を複数使ってしまった場合（id="name"という記述が複数になった場合）、一部のアクセス解析やその他cgiプログラムなどで不具合を起こしてしまうこともあるようです。ブラウザ上ではid名が重複していてもCSSの指定は反映されますが、リスクを考えて慎重に使うようにしましょう。
それでも不安、という方は、idは使わずに全てclassで設定すれば問題ありません。
なお、当サイトでは、レイアウトの外枠、左右の内枠とそれぞれの余白指定のみにidを使用しています。