2021/2/18 HTML&CSS辞典をオープンしました! コンテンツは随時更新します!

body要素とは? 分かりやすく解説します!

body要素の評価
頻出度
(5.0)
重要度
(5.0)
総合評価
(5.0)




1.body要素とは?

body要素は文書の内容を表しており、HTML文書の中で1つだけ使用することができます。




2.body要素の使い方

<!DOCTYPE>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>body要素とは?</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>見出し1</h1>
<p>本文</p>
</body>
</html>

HTML文書は「head要素」と「body要素」で構成されています。

head要素

head要素」はWebページの基本情報が記述されています。

そのため、ユーザーにhead要素の内容は基本的にWebページに表示されません。

head要素では文字、タイトル、メタディスクリプション、viewport、meta robots、OGPタグ、URLの正規化、サイトアイコン、スタイルシートファイルなどの設定を行います。

body要素

一方、「body要素」はWebページのコンテンツが記述されています。

そのため、body要素に書かれた内容がWebページに表示されます。

body要素は親要素としてhtml要素を持ち、body要素の子・子孫となる要素がWebブラウザ上にレンダリングされます。

子要素としてh1~h6要素、p要素、div要素などといった様々な種類の子を持つことができます。


↓↓↓↓ html要素について詳しく知りたい方は以下の記事をご覧になって下さい。

html要素とは? 分かりやすく解説します!

↓↓↓↓ head要素について詳しく知りたい方は以下の記事をご覧になって下さい。

head要素とは? 分かりやすく解説します!




コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です