idとclassとdivの関係

idとは

例えば、

<h2 id="midashi">

と記述すれば、h2#midashi として特別な役割を与えたことになります。

つまり特別な役割は、要素にid名を付与すればすべてが可能になります。

これは、文書構造に別の役割を与えている意味になります。

classとは

例えば、

<h2 class="red">

と記述すれば、id名と同様に特別な役割を付与したことになります。

しかし、id名との違うのは特別な役割を何度も利用することができることです。


単純に考えれば、複数のh2の文字色を別の色で表現したいとき、2つ以上のh2の文字色を共通項として色指定をしたいときにclassを利用することになります。

divとは

では、<div id="content">は何か?

つまり、div要素はどう使えばよいか。

このdiv要素は文書構造には関係なく、レイアウトをするためにのみ使う器を指定するためにあります。器の名前は、慣習に従って記述します。(特別なルールはありません。)