HTMLタグ
<main>

Main要素とは

その名(main)の通り、そのHTMLドキュメントの「メイン」コンテンツを表す。そのドキュメントの中心的な話題に関連する内容を内包します。

コンテンツは、そのウェブサイト内において、そのページ特有のものであるべきで、サイト上の別のページでも繰り返し登場するような内容は、main要素の中に含まれるべきではないです。

mainから除外すべき要素の例としては下記があげられます:

  • サイトの説明
  • サイトのグローバルナビゲーション
  • サイトに関する関連リンク集
  • 著作権情報
  • サイトのブログ記事ランキング

HTMLドキュメントの作成者は、1つのページ内に2つ以上のmain要素を配置してはいけません。また、main要素をarticle, aside, footer, header, navなどの要素の中に配置してはいけない。

main要素の使用例

<!DOCTYPE html>
<head>
  ...
</head>
<body>
  <nav>
    ...
  </nav>
  <main>
     <article>
        <h1>メイン要素の使い方とは?</h1>
        <p> ... </p>
     </article>
  </main>
  <aside>
    ...
  </aide>
</body>

main要素の注意点

main要素は、セクショニング要素ではありません。body, article, section要素のように、セクションを形成しない点に注意が必要です。