1. 開発者向けのウェブ技術
  2. HTML
  3. リファレンス
  4. 要素
  5. <body>

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

HTML <body> 文書本体要素

Baseline 広く利用可能

この機能は広く実装されており、多くのバージョンの端末やブラウザーで動作します。2015年7月以降、すべてのブラウザーで利用可能です。

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

属性

この要素にはグローバル属性、イベント属性、そして非推奨の属性があります。

イベント属性

メモ: 下記のイベント属性名はそれぞれ、対応する Window インターフェイスのイベントに結びついています。これらのイベントは addEventListener() を用いて待ち受けすることができます。これが <body> 要素に onイベント名 属性を追加する代わりになります。

onafterprint

ユーザーによる印刷データ作成直後に呼び出す関数です。

onbeforeprint

ユーザーによるブラウザーへの印刷指示直後に呼び出す関数です。

onbeforeunload

文書のアンロードの直前に呼び出す関数です。

onblur

文書からフォーカスが外されたときに呼び出す関数です。

onerror

文書を正常にロードできなかった際に呼び出す関数です。

onfocus

文書にフォーカスが当たった際に呼び出す関数です。

onhashchange

文書の現在のアドレスのフラグメント識別子 (ハッシュ文字 '#' から始まる部分) が変更された際に呼び出す関数です。

onlanguagechange

言語が変更された際に呼び出す関数です。

onload

文書の読み込み完了時に呼び出す関数です。

onmessage

文書が API からメッセージを受信した際に呼び出す関数です。

onmessageerror

文書がデシリアライズできないメッセージを受信したときに呼び出す関数です。

onoffline

ネットワークとの交信が不能になった際に呼び出す関数です。

ononline

ネットワークとの交信が発生あるいは回復した際に呼び出す関数です。

onpageswap

文書間を移動する際に、前回の文書がアンロードされようとしたときに呼び出す関数です。

onpagehide

セッションの履歴から別のページを表示する過程で、ブラウザーが現在のページを非表示にしたときに呼び出す関数です。

onpagereveal

新しい文書をネットワークから読み込んだとき、または文書をアクティブにした際に、文書が最初にレンダリングされたときに呼び出す関数です。

onpageshow

ナビゲーションによりブラウザーがウィンドウの文書を表示するときに呼び出す関数です。

onpopstate

ユーザーによるセッション履歴のナビゲート時に呼び出す関数です。

onresize

文書を表示するウィンドウがリサイズされた際に呼び出す関数です。

onrejectionhandled

JavaScript のプロミス (Promise) が遅れて処理されたときに呼び出す関数です。

onstorage

ストレージ領域が変化した際に呼び出す関数です。

onunhandledrejection

JavaScript の拒否ハンドラーを持たないプロミス (Promise) が拒否されたときに発生します。

onunload

文書からの離脱時に呼び出す関数です。

非推奨の属性

警告: これらの非推奨の属性は使用しないでください。代わりに、各非推奨の属性とともに掲載されている CSS の代替を使用してください。

ハイパーリンクの選択時の文字色です。 代わりに CSS の color プロパティを :active および :focus 擬似クラスで使用してください。

background

背景画像の URI です。 代わりに CSS の background-image プロパティを使用してください。

bgcolor

文書の背景色です。 代わりに CSS の background-color プロパティを使用してください。

bottommargin

無視されます。

leftmargin

この body の左右のマージンです。 代わりに CSS の margin-left および margin-right プロパティ（または論理的プロパティの margin-inline）を使用してください。

未訪問のハイパーリンクの文字色です。 代わりに CSS の color プロパティを :link 擬似クラスで使用してください。

rightmargin

無視されます。

text

基本文字色です。 代わりに CSS の color プロパティを使用してください。

topmargin

この body の上下のマージンです。 代わりに CSS の margin-top および margin-bottom プロパティ（または論理的プロパティの margin-block）を使用してください。

訪問済みのハイパーリンクの文字色です。 代わりに CSS の color プロパティを :visited 擬似クラスで使用してください。

例

html
<html lang="ja">
  <head>
    <title>文書タイトル</title>
  </head>
  <body>
    <p>
      <code>&lt;body&gt;</code> は HTML の要素で、HTML 文書のコンテンツを表します。<code>&lt;body&gt;</code> は文書中に一つだけ配置できます。
    </p>
  </body>
</html>

結果

技術的概要

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

仕様書

仕様書
HTML
# the-body-element

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告