<body> ページ本体の表示領域

取り扱い 現行の標準
カテゴリ セクショニング・ルート
親にできる要素 <html>
子にできる要素 フロー・コンテンツ
対応ブラウザ caniuseで確認

<body>タグの説明

<body>は、実際にブラウザに表示される内容を示すものです。この要素の開始位置から終了までが、HTML文章のコンテンツ領域を意味します。

HTMLでウェブページを作る祭には、必ず目にする要素です。<html>の直接の子要素として、<head>と共に最初に覚えるべきタグと言えます。

条件を満たしていれば省略可能とされていますが、原則として必ず設置する運用方針を推奨します。

<body>タグの特徴

  • セクショニング・ルートはセクショニング・コンテンツとは別のカテゴリです。
  • 内容の冒頭が空白文字、コメント、<script><style>でなければ省略も可能です。
  • 同一のページ内に複数使うことはできません。ただし、フレームなどの埋め込みコンテンツの中に含まれる事があります。

<body>に指定できる主な属性

グローバル属性
全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
イベントハンドラ
全てのHTML要素に指定できるコンテンツ属性です。

<body>の使い方とサンプル

HTMLの最も基本的な構造は以下のようになります。

HTML5
<html>
	<head>
		<title>タイトル</title>
	</head>
	<body>
	この内容がブラウザに表示されます。
	</body>
</html>

<body>に関連するHTMLタグ

ドキュメントの基礎を作る要素
<!DOCTYPE> ドキュメントタイプの宣言
<html> HTML文書の開始を宣言してドキュメントルートを定義する
<head> ドキュメントのヘッダーを定義する
<body> 画面に表示させるページ内容を定義する