: SECTION 要素
最終更新:2026-09-12
<section>SECTION 要素
独立したコンテンツのセクションを表し、通常は見出しを伴います。関連コンテンツのグループ化に適しています。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </section> タグ |
| ステータス | 標準 |
📝 構文
<section>セクションの内容</section>
▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認:
🌐 ブラウザサポート
| ブラウザ | |||||
|---|---|---|---|---|---|
| <section> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント: 純粋に見た目だけのグループ化なら div を使い、本当にセクションの意味がある場合にのみ section を使いましょう。
🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。