<body>: 文書の本文要素

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

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

属性

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

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

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

仕様書

仕様書 状態 備考
HTML Living Standard
<body> の定義
現行の標準 不適合な機能の一覧を変更。
HTML5
<body> の定義
勧告 以前非推奨とされた属性を廃止。不適合であり標準化しない c, leftmargin, rightmargin, bottommargin の動作を定義。on* 属性を追加。
HTML 4.01 Specification
<body> の定義
勧告 alink, background, bgcolor, link, text, vlink の各属性を非推奨に変更。

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
bodyChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
alink
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
background
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
bgcolor
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
bottommargin
非推奨
Chrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
leftmargin
非推奨
Chrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
link
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onafterprintChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onbeforeprintChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onbeforeunloadChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onblurChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onerrorChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onfocusChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onhashchangeChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onlanguagechange
実験的
Chrome ? Edge 未対応 なしFirefox 完全対応 32IE 未対応 なしOpera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 完全対応 32Opera Android ? Safari iOS ? Samsung Internet Android ?
onloadChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onmessageChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onofflineChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
ononlineChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onpopstateChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onredoChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onresizeChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onstorageChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onundoChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
onunloadChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
rightmargin
非推奨
Chrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
text
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0
topmargin
非推奨
Chrome 完全対応 ありEdge 未対応 なしFirefox 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
IE 未対応 なしOpera 完全対応 ありSafari ? WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 35
補足
完全対応 35
補足
補足 Before Firefox 35, it was supported in Quirks Mode only.
Opera Android 完全対応 ありSafari iOS ? Samsung Internet Android 完全対応 あり
vlink
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 ありWebView Android 完全対応 ありChrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android 完全対応 1.0

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
実験的。動作が変更される可能性があります。
実験的。動作が変更される可能性があります。
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
実装ノートを参照してください。
実装ノートを参照してください。

関連情報