<body>要素

<body>要素の定義

英語で「本体」や「本文」を表す、”body”より。
HTML 文書の内容(コンテンツ)を記載していくための要素です。
HTML 文書の中にひとつだけ配置できます。

子要素として使っても良いもの

テキストや埋込コンテンツ(画像など)といった、フローコンテンツ に分類されるもの。

  • <a>
  • <p>
  • <img>
  • <br>
  • <header>
  • <footer>
  • <main>
  • <section>
  • <article>
  • <aside>
  • <nav>
  • <div>
  • などなど、多数。

親要素として使えるもの

<html> 要素の子要素でなければなりません。

許可されているARIAロール

なし

DOMインターフェース

  • HTMLBodyElement
  • window.document.body

属性

グローバル属性が指定できます。

イベントハンドラ属性

onafterprint

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

onbeforeprint

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

onbeforeunload

文書のアンロード (ページ遷移、リロード) の直前に呼び出す関数

onblur

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

onerror

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

onfocus

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

onhashchange

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

onload

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

onmessage

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

onoffline

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

ononline

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

onpopstate

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

onredo

ユーザーがトランザクション履歴を元に戻した際に呼び出す関数

onresize

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

onstorage

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

onundo

ユーザーがトランザクション履歴をさかのぼることによって後方へ移動した際に呼び出す関数

onunload

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

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="utf-8" />
  <title>Webページの表題を記載します</title>
</head>
<body>
表示される部分です。内容が入ります。
</body>
</html>

サンプルを表示


このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs: https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
HTML要素や属性がどのブラウザに対応しているのかは、下記のサイトで確認できます。
Can I Use?: https://caniuse.com/#home

コメント

タイトルとURLをコピーしました