main要素

main要素は、body要素のメイン・コンテンツを表します。

ただし、メイン・コンテンツは、ナビゲーションや著作権情報、サイトのロゴ、バナー、検索フォーム(検索フォームがメイン・コンテンツとなる場合を除く)など、一連のドキュメントにわたって繰り返し使用されるコンテンツを含むことはできません。

また、header要素nav要素article要素aside要素footer要素の子孫として、main要素を含めることはできません。

例)

<body>
<header>
<h1>ページの見出し</h1>
</header>
<nav>ナビゲーション</nav>

<main role="main">
<article>
<h2>見出し</h2>
<p>内容a</p>
<p>内容b</p>
</article>

<article>
<h2>見出し</h2>
<p>内容1</p>
<p>内容2</p>
</article>
</main>

<aside>関連リンク集など</aside>
<footer>フッター</footer>
</body>

上記のHTMLドキュメント

※ユーザー・エージェントが必要なロールのマッピングを実装するまで、main要素にrole="main"を使用することが推奨されています。

※main要素をドキュメントに複数使うことはできません。

カテゴリ
フロー・コンテンツパルパブル・コンテンツ
要素を使用することができる場所
フロー・コンテンツが使用できる場所。(header要素nav要素article要素aside要素footer要素を除きます。)
コンテンツ モデル(内容に含めることのできる要素)
フロー・コンテンツ
コンテンツ属性
グローバル属性