HTMLタグ実践ガイド

実践に役立つオリジナルHTMLタグ辞典。

HTML TAG main

Main要素とは

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

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

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

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

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

main要素の使用例

main要素の注意点

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