<main>

この翻訳は不完全です。英語から この記事を翻訳 してください。

概要

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

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

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

属性

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

<!-- 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
The definition of '<main>' in that specification.
Living Standard Removed the restriction about not using <main> as a descendent of an <article>, <aside>, <footer>, <header>, or <nav> element.
HTML5.1
The definition of '<main>' in that specification.
草案 No change from HTML5
HTML5
The definition of '<main>' in that specification.
勧告 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) 未サポート 未サポート 未サポート

関連情報

 

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

 このページの貢献者: harry0000, tk1024
 最終更新者: harry0000,