<main>

概要

main 要素(<main>)は、ドキュメントやアプリケーションのbody 要素(<body>)の主な内容を表します。主な内容は中心的なトピックの主なコンテンツやアプリケーションの中心的な機能に直接関連する内容で構成されます。この内容はサイドバー、ナビゲーションリンク、著作権表示、サイトロゴ、検索フォームのような繰り返されるあらゆる文章の集合を除いて固有の内容にするべきです。(もちろん、主な内容が検索フォームでない限り)

注意: <main> 要素は <article>, <aside>, <footer>, <header>,<nav> これら要素の子孫に含める事はできません。

制作者は文書内に複数の main 要素を含める事はできません。

コンテンツカテゴリフローコンテンツ、パルパブルコンテンツ
許可された内容フローコンテンツ
タグの省略注意; 開始、終了タグは必須です。
許可された親要素フローコンテンツを受け入れるすべての要素。ただし、<article>, <aside>, <footer>, <header>,<nav> 要素の子孫要素として配置してはなりません。
DOM interface HTMLElement

属性

この要素は、全ての要素が持つグローバル属性以外の属性を持ちません。

例

<!-- other content -->

<main>
  <h1>Apples</h1>
  <p>The apple is the pomaceous fruit of the apple tree.</p>
  
  <article>
    <h2>Red Delicious</h2>
    <p>These bright red apples are the most common found in many
    supermarkets.</p>
    <p>... </p>
    <p>... </p>
  </article>

  <article>
    <h2>Granny Smith</h2>
    <p>These juicy, green apples make a great filling for
    apple pies.</p>
    <p>... </p>
    <p>... </p>
  </article>

</main>

<!-- other content -->

仕様

仕様書	策定情報	コメント
WHATWG HTML Living Standard <main> の定義	現行の標準	Removed the restriction about not using `<main>` as a descendent of an `<article>`, `<aside>`, `<footer>`, `<header>`, or `<nav>` element.
HTML5.1 <main> の定義	草案	No change from HTML5
HTML5 <main> の定義	勧告	Initial definition.

ブラウザ実装状況

main 要素(<main>)は広くサポートされています(InternetExplorerは除く)。InternetExplorerでサポートされるまではmain 要素の role属性に "main" を追加する事が提案されています。

<main role="main">
  ...
</main>

デスクトップ
モバイル

機能	Chrome	Firefox (Gecko)	Internet Explorer	Opera	Safari (WebKit)
基本サポート	Chrome 26	21.0 (21.0)	未サポート	Opera 16	Safari 7

機能	Android	Firefox Mobile (Gecko)	IE Phone	Opera Mobile	Safari Mobile
基本サポート	未サポート	21.0 (21.0)	未サポート	未サポート	未サポート

<main>

概要

属性

例

仕様

ブラウザ実装状況

関連情報

ドキュメントのタグと貢献者