備忘録的プログラミングリファレンス

body タグエレメント

ブロックレベルエレメント

 body タグエレメントは、web ページとして表示する内容であることを示す HTML タグエレメントです。
 web ページとして表示する内容は、<body> エレメントで囲みます。ただし、終了タグ </body> は省略可能です。

<body>

- ad -

 もしも、ファイル名のみが .html もしくは .htm で、<body> タグを使用していなくても、ブラウザは html テキストとして認識して内容を表示します。

<DOCTYPE html>、<html> や <haed> <body> なし

 しかし、<html> や <haed> タグエレメントを使用すると、<body> タグによって表示するべき内容を明確に示さないと何も表示されません。
 <body> タグエレメントがなければ web ページとして成り立ちませんので必ず使用しましょう。
 web ページとして成り立つには以下のように、<!DOCTYPE html>、<html> や <haed> <body>が最低限必要になります。

最低限必要なタグエレメント
<!DOCTYPE html>
<html lang="ja">
	<head>
	</head>
	<body lang="ja">
	</body>
</html>

 <!DOCTYPE html>、<html> や <haed> についてはHTML入門
<!DOCTYPE>、<html>、<head>、<body>
を参照してください。

 <body> は終了タグ </body> が省略可能です。省略されたサイトはあまり見かけませんが。

 <body> エレメントは web ページとして表示される内容になります。一般的には、web ページとして表示される内容をヘッダー、サイトナビ、内容、フッターに分けています。
 ヘッダーは <header>、ページナビは <nav>、ページ内容は <main>、 フッターは <footer> に入れます。
 詳しくはbody タグ以下のページ内容構成エレメントを参照してください。

属性(Attributes)

 主な属性のみを示します。lang は使用する言語のことです。あえて指定しておいた方がよいようです。

AttributeValueExtra information
langcssに使います。同名のclassは同じスタイルが適応されます。

タグの編集

- ad -

JavaScript

 JavaScript で <body> オブジェクト操作をするにはHTMLBodyElement インターフェイスを参照してください。