<div>
<div> 要素は汎用のフローコンテンツのコンテナです。他に適切なセマンティック要素がない場合に使用します。
概要
<div> 要素は汎用のフローコンテンツのコンテナです。他に適切なセマンティック要素がない場合に使用します。
対応ブラウザ
デスクトップ
Chrome 1+
Edge 12+
Safari 1+
Firefox 1+
モバイル
Chrome Android 18+
Safari iOS 1+
Firefox Android 4+
基本構文
HTML
<div class="card">
<div class="card-header">タイトル</div>
<div class="card-body">
<p>コンテンツ</p>
</div>
</div>実務での使いどころ
-
<div> の活用
汎用のブロックコンテナ要素。セマンティックな意味を持たないグループ化に使用。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。