<div>〜</div>
div（ディビジョン）要素はフローコンテンツをまとめます（特定の範囲を1つのブロックとしてグループ化にします）。適切なセクショニングコンテンツがあるか検討して使用します。div要素自体は特別な意味を持ちません。class 属性、lang 属性、title 属性などを付与して、内包するフロー・コンテンツに対する意味づけを行うことができます。
div 要素は、他に適切な要素がない場合にのみ使用する要素になる。例えば、記事をマークアップするのであれば、article 要素を使用し、セクションであれば、section 要素、ヘッダーであれば header 要素、ナビゲーションであればnav要素などを使用する。まずは適切な要素選択をした上で、div 要素によるグルーピングが必要であれば使用する。
| div要素 | 説明 |
|---|---|
| カテゴリー | ・パルバブルコンテンツ ・フローコンテンツ |
| コンテンツモデル | フローコンテンツ ＊要素が dl 要素の子である場合は、1個以上の dt 要素の後に 1個以上の dd 要素が続き、必要に応じてスクリプト支援要素と混在する |
| 使用できる場所 | フローコンテンツが期待される場所 ＊dl要素の子として |
div要素で使用できる属性
グローバル属性
すべてのHTML要素で使用できる属性になります。
使用例
<div class="tiger">
<img src="https://./rishabh-pandoh-iZV3CqT7LM-unsplash-_1_.webp" alt="An intimidating leopard." />
<p>Beware of the tiger</p>
</div>表示
