Caution

お使いのブラウザはJavaScriptが実行できない状態になっております。
当サイトはWebプログラミングの情報サイトの為、
JavaScriptが実行できない環境では正しいコンテンツが提供出来ません。
JavaScriptが実行可能な状態でご閲覧頂くようお願い申し上げます。

HTMLタグ辞典

<body>

『<body>』要素はHTMLドキュメントの本体部分を表す要素です。ブラウザのウィンドウに表示されるテキスト・画像・リンクなど、すべてのコンテンツは『<body>』内に記述します。

構文

<!DOCTYPE html>
<html lang="ja">
<head>
  <meta charset="UTF-8">
  <title>ページタイトル</title>
</head>
<body>
  <!-- ページに表示されるコンテンツをここに記述します -->
  <h1>見出し</h1>
  <p>段落のテキストです。</p>
</body>
</html>

body内でよく使うタグ一覧

タグ	概要
<header>	ページや記事のヘッダー部分を表します。ロゴやナビゲーションを配置します。
<nav>	ナビゲーションリンクのまとまりを表します。
<main>	ページのメインコンテンツを表します。1ページに1つだけ使用します。
<article>	単独で意味をなすコンテンツ（記事・ブログ投稿など）を表します。
<section>	テーマでまとまったコンテンツのセクションを表します。
<aside>	サイドバーなど、メインコンテンツと関連する補足情報を表します。
<footer>	ページや記事のフッター部分を表します。著作権情報などを配置します。
<div>	意味を持たない汎用のブロック要素です。レイアウト目的でよく使用します。

サンプルコード

<body>
  <!-- ヘッダー -->
  <header>
    <h1>サイト名</h1>
    <nav>
      <a href="/">ホーム</a>
      <a href="/about/">About</a>
    </nav>
  </header>

  <!-- メインコンテンツ -->
  <main>
    <article>
      <h2>記事タイトル</h2>
      <p>記事の本文です。</p>
    </article>
  </main>

  <!-- フッター -->
  <footer>
    <p>© 2025 サイト名</p>
  </footer>
</body>