HTML5入門

構文

<div></div>

要点

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

サンプルコード

<div>
	<p>段落１。</p>
	<p>段落２。</p>
	<p>段落３。</p>
</div>

サンプル

<div style="color: #f00">
	<p>段落１。</p>
	<p>段落２。</p>
	<p>段落３。</p>
</div>
<div style="color: #0000ff">
	<p>段落４。</p>
	<p>段落５。</p>
	<p>段落６。</p>
</div>