HTML <div> タグ：正しい理解と使い方

定義と使い方

<div> タグは、Division（分割）の略語で、それ自体には特定の意味を持たない、ブロック単位の「汎用的な入れ物（グループ化用の箱）」です。

主な用途は、複数の要素をひとまとめにしてCSSで横並びにレイアウトしたり、背景色・余白を設定したりすることです。Webサイトのデザインや構造を思い通りに組み立てるために非常に多用されるタグです。

基本例

<div class="profile-card">
  <h3>山田 太郎</h3>
  <p>Webデザイナーをしています。</p>
</div>