<body>~</body>
body(ボディ)要素は文書の内容を表します。html要素内でbody要素は1つだけ使用できます。
body要素に使用できる属性
属性名 | 属性値 | 説明 |
---|---|---|
グローバル | すべての要素で使用できる属性 | |
onafterprint | イベントハンドラ属性。「印刷が終了した」 というイベントに対して、この属性値に指定された処理を行う。 | |
onbeforeprint | イベントハンドラ属性。「印刷が開始される前」 というイベントに対して、この属性値に指定された処理を行う。 | |
onbeforeunload | イベントハンドラ属性。「他のページへの移動前、またはページを閉じる前」 というイベントに対して、この属性値に指定された処理を行う。 | |
onblur | イベントハンドラ属性。「該当要素からフォーカスが外れた」 というイベントに対して、この属性値に指定された処理を行う。 | |
onerror | イベントハンドラ属性。「エラー発生時」 というイベントに対して、この属性値に指定された処理を行う。 | |
onfocus | イベントハンドラ属性。「該当要素にフォーカスが当たった」 というイベントに対して、この属性値に指定された処理を行う。 | |
onhashchange | イベントハンドラ属性。「location.hash が変更された」 というイベントに対して、この属性値に指定された処理を行います。location.hash の変更とは、フラグメント識別子によるアンカーリンクの移動を指す。 | |
onload | イベントハンドラ属性。「文書の読み込みが完了した」 というイベントに対して、この属性値に指定された処理を行う。 | |
onmessage | イベントハンドラ属性。「API からメッセージを受け取った」 というイベントに対して、この属性値に指定された処理を行う。 | |
onoffline | イベントハンドラ属性。「オフラインになった」 というイベントに対して、この属性値に指定された処理を行う。 | |
ononline | イベントハンドラ属性。「オンラインになった」 というイベントに対して、この属性値に指定された処理を行う。 | |
onpagehide | イベントハンドラ属性。「ページを非表示にした」 というイベントに対して、この属性値に指定された処理を行う。ページを非表示にしたとは、他のページに移動した場合などが当てはまる。 | |
onpageshow | イベントハンドラ。「ページを表示した」 というイベントに対して、この属性値に指定された処理を行う。ページを表示したとは、ブラウザの戻る、進むなどでページの再読込を行わずに、キャッシュから表示した場合などが当てはまる。 | |
onpopstate | イベントハンドラ属性。「セッション履歴による再表示」 というイベントに対して、この属性値に指定された処理を行う。 | |
onresize | イベントハンドラ属性。「ウィンドウサイズの変更」 というイベントに対して、この属性値に指定された処理を行う。 | |
onscroll | イベントハンドラ属性。「ページをスクロールした」 というイベントに対して、この属性値に指定された処理を行う。 | |
onstorage | イベントハンドラ属性。「DOM Storage に対する変更」 というイベントに対して、この属性値に指定された処理を行う。 | |
onunload | イベントハンドラ属性。「他のページへの移動時、またはページを閉じた時」 というイベントに対して、この属性値に指定された処理を行う。 |
使用例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>文書のタイトル</title>
</head>
<body>
<header>
<h1>文書のタイトル</h1>
<p>文書の概要</p>
<header>
<article>
…省略…
</article>
</body>
</html>
表示
文書のタイトル
文書の概要