<main>要素の定義
英語で「主な」を意味する”main”より。HTMLでは、<body> 要素内の主要な内容を表す際に使用します。
基本的に、文書内に複数の<main>要素を置くことは出来ません。（hidden属性が指定されていれば、その限りではありません）
子要素として使用できるもの
フローコンテンツを記述できます。
親要素として使えるもの
フローコンテンツを受け入れるすべての要素ですが、階層的に正しい位置にある必要があります。
許可されている ARIA ロール
デフォルトで main ロールが適用されます。また、presentation ロールも許可されます。
DOMインターフェース
HTMLElement
属性
グローバル属性のみが指定できます。
サンプル
以下の例では、他の文書の「意味的なまとまり」を表すための要素も合わせて作成した例を示します。
See the Pen Sectioning by Masahiko Iwakiri (@m-iwakiri) on CodePen.
このサイトでは、HTML要素や属性の定義は下記サイトを参考にしています。
MDN Web Docs： https://developer.mozilla.org/ja/
W3C仕様の正確な定義、最新情報は上記サイトをご覧ください。
コメント