--- title: ': 文書の本文要素' slug: Web/HTML/Element/body tags: - Element - HTML - Reference - Sectioning Root Element - Sections - Web translation_of: Web/HTML/Element/body ---
{{HTMLRef}}

HTML の <body> 要素は、 HTML 文書のコンテンツを示す要素です。 <body> 要素は文書中に一つだけ配置できます。

コンテンツカテゴリー 区分化ルート
許可されている内容 フローコンテンツ
タグの省略 開始タグは、内容の先頭が空白文字、コメント、 {{HTMLElement("script")}} 要素、 {{HTMLElement("style")}} 要素でない場合は省略可能です。終了タグは、 <body> 要素に内容または開始タグがあり、かつ、直後のノードがコメントでない場合は省略可能です。
許可されている親要素 {{HTMLElement("html")}} 要素の子要素でなければなりません。
暗黙の ARIA ロール document
許可されている ARIA ロール 許可されている role なし
DOM インターフェイス {{domxref("HTMLBodyElement")}}
  • <body> 要素は {{domxref("HTMLBodyElement")}} インターフェイスを提供します。
  • <body> 要素は {{domxref("document.body")}} プロパティからアクセス可能です。

属性

この要素にはグローバル属性があります。

{{htmlattrdef("alink")}} {{obsolete_inline}}
ハイパーリンクの選択時の文字色です。この方法は不適合であり、代わりに CSS の {{cssxref(":active")}} 疑似クラスで {{cssxref("color")}} プロパティを使用してください。
{{htmlattrdef("background")}} {{obsolete_inline}}
背景画像の URI です。この方法は不適合であり、代わりに CSS の {{cssxref("background")}} プロパティを使用してください。
{{htmlattrdef("bgcolor")}} {{obsolete_inline}}
文書の背景色です。この方法は不適合であり、代わりに CSS の {{cssxref("background-color")}} プロパティを使用してください。
{{htmlattrdef("bottommargin")}} {{obsolete_inline}}
body の下マージンです。この方法は不適合であり、代わりに CSS の {{cssxref("margin-bottom")}} プロパティを使用してください。
{{htmlattrdef("leftmargin")}} {{obsolete_inline}}
body の左マージンです。この方法は不適合であり、代わりに CSS の {{cssxref("margin-left")}} プロパティを使用してください。
{{htmlattrdef("link")}} {{obsolete_inline}}
未訪問のハイパーリンクの文字色です。この方法は不適合であり、代わりに CSS の {{cssxref(":link")}} 疑似クラスで {{cssxref("color")}} プロパティを使用してください。
{{htmlattrdef("onafterprint")}}
ユーザーによる印刷データ作成直後に呼び出す関数
{{htmlattrdef("onbeforeprint")}}
ユーザーによるブラウザーへの印刷指示直後に呼び出す関数
{{htmlattrdef("onbeforeunload")}}
文書のアンロード (ページ遷移、リロード) の直前に呼び出す関数
{{htmlattrdef("onblur")}}
文書からフォーカスが外されたときに呼び出す関数
{{htmlattrdef("onerror")}}
文書を正常にロードできなかった際に呼び出す関数
{{htmlattrdef("onfocus")}}
文書にフォーカスが当たった際に呼び出す関数
{{htmlattrdef("onhashchange")}}
文書の現在のアドレスのフラグメント識別子 (ハッシュ文字 '#' から始まる部分) が変更された際に呼び出す関数
{{htmlattrdef("onlanguagechange")}} {{experimental_inline}}
言語が変更された際に呼び出す関数
{{htmlattrdef("onload")}}
文書の読み込み完了時に呼び出す関数
{{htmlattrdef("onmessage")}}
文書が API からメッセージを受信した際に呼び出す関数
{{htmlattrdef("onoffline")}}
ネットワークとの交信が不能になった際に呼び出す関数
{{htmlattrdef("ononline")}}
ネットワークとの交信が発生あるいは回復した際に呼び出す関数
{{htmlattrdef("onpopstate")}}
ユーザーによるセッション履歴のナビゲート時に呼び出す関数
{{htmlattrdef("onredo")}}
ユーザーがトランザクション履歴を元に戻した際に呼び出す関数
{{htmlattrdef("onresize")}}
文書を表示するウィンドウがリサイズされた際に呼び出す関数
{{htmlattrdef("onstorage")}}
ストレージ領域が変化した際に呼び出す関数
{{htmlattrdef("onundo")}}
ユーザーがトランザクション履歴をさかのぼることによって後方へ移動した際に呼び出す関数
{{htmlattrdef("onunload")}}
文書からの離脱時に呼び出す関数
{{htmlattrdef("rightmargin")}} {{obsolete_inline}}
body の右マージンです。この方法は不適合であり、代わりに CSS の {{cssxref("margin-right")}} プロパティを使用してください。
{{htmlattrdef("text")}} {{obsolete_inline}}
基本文字色です。この方法は不適合であり、代わりに CSS の {{cssxref("color")}} プロパティを使用してください。
{{htmlattrdef("topmargin")}} {{obsolete_inline}}
body の上マージンです。この方法は不適合であり、代わりに CSS の {{cssxref("margin-top")}} プロパティを使用してください。
{{htmlattrdef("vlink")}} {{obsolete_inline}}
訪問済みのハイパーリンクの文字色です。この方法は不適合であり、代わりに CSS の {{cssxref(":visited")}} 疑似クラスで {{cssxref("color")}} プロパティを使用してください。

例

<html>
  <head>
    <title>Document title</title>
  </head>
  <body>
    <p>This is a paragraph</p>
  </body>
</html>

仕様書

仕様書 状態 備考
{{SpecName('HTML WHATWG', 'semantics.html#the-body-element', '<body>')}} {{Spec2('HTML WHATWG')}} 不適合な機能の一覧を変更。
{{SpecName('HTML5 W3C', 'sections.html#the-body-element', '<body>')}} {{Spec2('HTML5 W3C')}} 以前非推奨とされた属性を廃止。不適合であり標準化しない topmargin, leftmargin, rightmargin, bottommargin の動作を定義。on* 属性を追加。
{{SpecName('HTML4.01', 'struct/global.html#h-7.5.1', '<body>')}} {{Spec2('HTML4.01')}} alink, background, bgcolor, link, text, vlink の各属性を非推奨に変更。

ブラウザーの互換性

{{Compat("html.elements.body")}}

関連情報