<body>: BODY 要素
最終更新：2026-10-13
<body>BODY 要素
ユーザーに表示されるすべての内容（テキスト・画像・フォームなど）を保持する文書本体です。
| カテゴリ | ドキュメント構造 |
|---|---|
| コンテンツモデル | ルート要素の子要素 |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </body> タグ |
| ステータス | 標準 |
📝 構文
<body>
<h1>表示されるコンテンツ</h1>
</body>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <body> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： body は表示されるすべてのコンテンツを保持します。現代のレイアウトでは内部に header や main、footer などの意味的タグを使います。
❓ よくある質問
Qbody ではどんなイベントをよく監視しますか？
Aページレベルのイベントの多くは body/window に配られます：
load（全リソースの読み込み完了）、scroll（スクロール）、resize（実際は window に付く）、クリックの委譲（body までバブルするのを利用）。現代ではグローバル監視は window に置き、body は DOM 構造のルートという役割に専念させるのがおすすめです。Qbody のデフォルトの margin はどう消しますか？
Aブラウザは body にデフォルトで 8px の margin を付けます。リセットは
body { margin: 0; }、またはモダンリセット（* { margin: 0; } ＋ box-sizing）の導入です。ほぼすべてのプロジェクトの CSS の1行目に来るコードです。Qbody の中には可視コンテンツしか置けないのですか？
Abody のコンテンツモデルはフローコンテンツなので、
<script>、<template>、<noscript> のような不可視の要素も正当です。ただし <meta> や <title> は置けません。それらは head の専用です。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
