Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

<main> 要素は文書の <body> の主要コンテンツを表します。ページ固有のコンテンツを囲み、ナビゲーションやサイドバーは含めません。

対応ブラウザ

デスクトップ

Chrome 26+
Edge 12+
Safari 7+
Firefox 21+

モバイル

Chrome Android 26+
Safari iOS 7+
Firefox Android 21+

基本構文

HTML
<body>
  <header>ヘッダー</header>
  <main>
    <h1>メインコンテンツ</h1>
    <p>ページ固有の内容がここに入ります。</p>
  </main>
  <footer>フッター</footer>
</body>

実務での使いどころ

  • <main> の活用

    文書の主要コンテンツを表す要素。ページに1つだけ使用する。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。