HTMLのdiv classとは？

＊idとclassの違いは？

idとclassはCSSでレイアウトしていく上で、必ず何個も使いますがなんの違いがあるのでしょうか？

まず「idは同じ名前を２回以上使うことは出来ない」が「classはページ中に何回でも登場出来る」と言う違いがあります。

という事は「全てclassで指定しても良いんじゃないの？」と考える人もいると思います。

間違いではないですし、それでサイトを構成していくのは可能なんですが、
複雑なサイトを運営していくと、どうしてもidやclassをたくさん使わなければいけなくなってきます。

その時にidとclassを分けておくと、どこをいじればいいのかがわかりやすくなります。

それに、もし自分のサイトを他の人に編集してもらう事になった場合、一回しか使わない場所をclassで指定していると、編集する時に「これはclassで指定しているから、他の場所でも使われているのか」と考えて効率が悪くなってしまいます。

出来る事ならidとclassは使い分けた方が良いと私は思います。

・idの指定（HTML）

・idの指定（CSS）

#sample { color:red; }

・classの指定（HTML）

・classの指定（CSS）

.sample { color:red; }

記述例はこんな感じになります。HTMLでは「id」と「class」の記述の違いで、
CSSでは「#」か「.」の違いになります。

idの利点として、idの属性がついている場所に、ページ内リンクをさせる事が出来ます。
例えばこうやって記事を読んで頂いているわけですが、一番上の記事まで戻りたいときにidの属性をつけて「一番上に戻る」と言った事が出来るわけです。

・idリンクの指定のやり方

<a href=”#header”>一番上に戻る</a>

この記述で「一番上に戻る」が作る事が出来ます。