div と span 、class と id それぞれの違いについて

「div と span の違い」と「class と id の違い」をすごく大まかにまとめました。

[adsense1]

div と span の違い

div も span も、それ自体には何も意味も持たず、class や id などの属性を指定することによって意味が与えられます。
それぞれ一定の範囲にスタイルをつける場合などに使用します。

div は、まとまった文章にスタイルを適用する場合に使用します。
div タグで囲まれた範囲は、前後に改行が入ります。

一方 span タグで囲まれた範囲には改行は入りません。
span は、文章の一部分にスタイルを適用する場合に使用します。

class と id の違い

1ページ中に1度しか登場しないものには id を、何度も登場するものには class を使用します。
id はスタイルだけでなく、ページ内リンクで使用したり、JavaScript で使用したりもします。

<div id="main">
  <p>こんにちは</p>
  <p>こんにちは<span class="point">こんにちは</span>こんにちは</p>
  <p>こんにちは</p>
</div>

[adsense2]

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください