divタグは、HTMLで使用される一般的なコンテナ要素の一つで、主に特定の意味を持たない汎用のブロック要素として使用されます。特に、スタイルを適用したり、スクリプトで操作したりする際に便利です。

基本的な使い方

<div>
  <p>このブロックには、さまざまな内容を含めることができます。</p>
</div>

divタグの特徴

1. セマンティックな意味がない
   divタグ自体には特定の意味がありません。そのため、headerやfooter、sectionなどのセマンティック要素とは異なり、内容に意味を与えず単にグループ化する役割を持ちます。
2. レイアウトのグループ化に最適
   特定のセマンティクスが不要で、単にデザインやレイアウトのためにグループ化したいときに多用されます。
3. スタイルやスクリプトの適用に便利
   classやid属性を設定し、CSSでスタイルを適用したり、JavaScriptで操作したりするための目印として役立ちます。

使用例

例えば、Webページの一部を装飾したり、他の要素と区別して表示したい場合に、

<div class="header">
  <h1>サイトのタイトル</h1>
</div>

<div class="content">
  <p>メインコンテンツの内容をここに書きます。</p>
</div>

<div class="footer">
  <p>フッター情報をここに記述します。</p>
</div>