<div>
<div> は HTML の要素で、フローコンテンツの汎用コンテナーです。 CSS を用いて何らかのスタイル付けがされる（例えば、スタイルが直接適用されたり、親要素にフレックスボックスなどの何らかのレイアウトモデルが適用されるなど）までは、コンテンツやレイアウトには影響を与えません。
対応ブラウザ
| 機能 | デスクトップ | モバイル | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 1 | 12 | 1 | 1 | 18 | 1 | |
| DOM API | ||||||
| HTMLDivElement インターフェイスは、（継承によって利用できる通常の HTMLElement インターフェイスの他に） div 要素を操作するための特別なプロパティを提供します。 | 1 | 12 | 1 | 3 | 18 | 1 |
基本構文
HTML
<div class="card">
<div class="card-header">Title</div>
<div class="card-body">
<p>Content</p>
</div>
</div>ライブデモ
実務での使いどころ
-
<div> の活用
<div> は HTML の要素で、フローコンテンツの汎用コンテナーです。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。