HTML <main> タグ：正しい理解と使い方

定義と使い方

<main> タグは、そのWebページの「主たる個別コンテンツ（メインコンテンツ）」を囲むための特別なタグです。

ヘッダーやフッター、サイドバーなどの「他のページでも共通して使い回されるエリア」は含めず、そのページにしかない独自の主要な記述のみをこの中に配置します。重要なルールとして、1つのページ内に設置できる <main> タグは1つだけとなります。

基本例

<main>
  <article>
    <h2>本日のニュース</h2>
    <p>独自のメイン記事テキストがここに記述されます。</p>
  </article>
</main>