: DIV 要素
最終更新：2026-09-12
<div>DIV 要素
<div>（ディビジョン）要素は意味を持たない汎用のブロックコンテナーです。コンテンツのグループ化や CSS レイアウト、JavaScript のターゲットとして使われます。
カテゴリ テキスト内容 コンテンツモデル フローコンテンツ 許可される親要素 フローコンテンツを受け入れる要素 閉じタグ 必要 </div> タグ ステータス 標準
📝 構文
<div>ブロックコンテンツ</div>
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
ブラウザ
Chrome
Edge
Firefox
Safari
Opera
<div>
✓ v1
✓ v12
✓ v1
✓ v1
✓ v1
すべての主要ブラウザでサポート
警告： 意味を伝えられる場合は <section> や <article>、<header> などの意味的タグを <div> より優先しましょう。
❓ よくある質問
Q と の違いは何ですか？
A<div> は意味を持たない汎用コンテナで、<section> はテーマ別のコンテンツグループを表します。章、タブ、テーマ別コンテンツには <section> を使用してください。
Q は HTML5 で非推奨ですか？
Aいいえ、<div> は非推奨ではありません。HTML5 でも有効ですが、アクセシビリティと SEO の向上のため、コンテンツに適合する場合は <article>、<section>、<nav>、<header> などの意味要素を優先してください。
Q の中に別の を入れられますか？
Aはい、<div> 要素は何層でも入れ子にできます。複雑なレイアウト構築では一般的ですが、モダン CSS（Flexbox、Grid）により深くネストされた div の必要性は減少しています。
🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル
最終更新：2026-09-12
<div>DIV 要素
<div>（ディビジョン）要素は意味を持たない汎用のブロックコンテナーです。コンテンツのグループ化や CSS レイアウト、JavaScript のターゲットとして使われます。
| カテゴリ | テキスト内容 |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </div> タグ |
| ステータス | 標準 |
📝 構文
<div>ブロックコンテンツ</div>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ | Chrome |
Edge |
Firefox |
Safari |
Opera |
|---|---|---|---|---|---|
| <div> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
警告： 意味を伝えられる場合は <section> や <article>、<header> などの意味的タグを <div> より優先しましょう。
❓ よくある質問
Q
と の違いは何ですか？
A
<div> は意味を持たない汎用コンテナで、<section> はテーマ別のコンテンツグループを表します。章、タブ、テーマ別コンテンツには <section> を使用してください。Q
は HTML5 で非推奨ですか？
Aいいえ、
<div> は非推奨ではありません。HTML5 でも有効ですが、アクセシビリティと SEO の向上のため、コンテンツに適合する場合は <article>、<section>、<nav>、<header> などの意味要素を優先してください。Q
の中に別の
を入れられますか？
Aはい、
<div> 要素は何層でも入れ子にできます。複雑なレイアウト構築では一般的ですが、モダン CSS（Flexbox、Grid）により深くネストされた div の必要性は減少しています。🏷️ 関連タグ
💡 関連ケース
📚 関連チュートリアル