main要素

main要素は、文章内の主要なコンテンツを表します。
※1つのコンテンツでmain要素は1つまで

main要素の説明図
main要素
記法

<main>
 <!– 主要コンテンツ –>
</main>

<!DOCTYPE html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>main要素に関して</title>
  </head>
  <body>
    <header>
      <h1>サンプルページ</h1>
    </header>
    <nav>
      <!-- ナビゲーションのリンクなど -->
    </nav>
    <main>
      <article>
        <h2>メインコンテンツ</h2>
        <p>ここに本文の主要なコンテンツが入ります。</p>
      </article>
    </main>
    <footer>
      <p>フッター情報</p>
    </footer>
  </body>
</html>