div要素

div要素は、特別な意味を何も持たない要素。特定の範囲をグループ化したいが、他に適切な要素がない場合に使用する。

カテゴリー フロー・コンテンツ。パルパブル・コンテンツ。
コンテキスト フロー・コンテンツを内包できる要素内で使用できる。
コンテンツ・モデル フロー・コンテンツを内包できる。
属性 グローバル属性
ブラウザ対応

構文

<div></div>

要点

  • div要素は、特別な意味を何も持たない要素である。
  • 特定の範囲をグループ化したいが、他に適切な要素がない場合に使用する。具体的な意味を持つ要素の方がふさわしくないか検討することを、HTML5は勧めている。
  • div要素にはstyle属性id属性class属性title属性lang属性などの属性を用い、div要素内のコンテンツに共通するセマンティクスを指定することが多い。例えば、特定の範囲内の要素に共通するスタイルシートを指定することなどが想定される。

サンプルコード

<div>
	<p>段落1。</p>
	<p>段落2。</p>
	<p>段落3。</p>
</div>

サンプル

HTMLソースコード

<div style="color: #f00">
	<p>段落1。</p>
	<p>段落2。</p>
	<p>段落3。</p>
</div>
<div style="color: #0000ff">
	<p>段落4。</p>
	<p>段落5。</p>
	<p>段落6。</p>
</div>

実際の表示

段落1。

段落2。

段落3。

段落4。

段落5。

段落6。