<main>
<main> 要素は文書の <body> の主要コンテンツを表します。ページ固有のコンテンツを囲み、ナビゲーションやサイドバーは含めません。
概要
<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つだけ使用する。
注意点
- 古いブラウザでは対応していない場合がある。
アクセシビリティ
- スクリーンリーダーでの読み上げを確認すること。