<div></div>

ブラウザ
  • IE
  • Cr
  • Sf
  • Fx
  • O
分類
要素

div要素を使用すると、任意の範囲をブロックレベル要素としてまとめることができます。

例えば、ある範囲をひとつのセクションとして扱いたい場合などに、この要素を使用することになります。


<div>まとまりとして扱われます</div>

span要素と似ていますが、span要素はインライン要素、div要素はブロックレベル要素に分類されます。

div要素とspan要素は、主にスタイルシート（CSS）と組み合わせて使用することになります。セクション単位でスタイルシートを適用したい場合はdiv要素を、文章中の一部にスタイルシートを適用したい場合はspan要素を使用します。

使用例


<div style="width: 70%; padding: 10px; border: 1px #808080 solid;">

<p>div要素とspan要素の使用例です。<span style="color: gray;">（この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します）</span></p>

</div>
表示例

div要素とspan要素の使用例です。（この例ではstyle属性を使用していますが、通常はclass属性、またはid属性を使用してスタイルを適用します）