HTML mainタグ

例

main タグを使用してドキュメントの本体部分を表示します：

<main> <h1>Web ブラウザ</h1> <p>Google Chrome、Firefox、Internet Explorer は現在最も人気のあるブラウザです。</p> <article> <h1>Google Chrome ブラウザ</h1> <p>Google Chrome ブラウザは Google によって開発された無料のオープンソース Web ブラウザで、2008 年にリリースされました。</p> </article> <article> <h1>Internet Explorer ブラウザ</h1> <p>Internet Explorer ブラウザは Microsoft によって開発された無料の Web ブラウザで、1995 年にリリースされました。</p> </article> <article> <h1>Mozilla Firefox ブラウザ</h1> <p>Firefox ブラウザは Mozilla の無料オープンソース Web ブラウザであり、2004 年にリリースされました。</p> </article> </main>

試してみる »

定義と使い方

<main> タグはドキュメントの主体コンテンツを指定するために使用されます。

<main> タグ内のコンテンツはドキュメント内で一意です。サイドバー、ナビゲーションバー、著作権情報、サイトロゴ、検索フォームなど、ドキュメント内で繰り返し表示されるコンテンツを含めるべきではありません。

注意1 つのドキュメント内で、<main> 要素は一意であるため、複数の <main> 要素を配置することはできません。<main> 要素は、<article>、<aside>、<footer>、<header>、<nav> の子孫要素にすることはできません。

ブラウザサポート

表内の数字は、その要素をサポートする最初のブラウザバージョンを示します。

要素
<main> 6.0 12.0 4.0 5.0 11.1

HTML 4.01 と HTML5 の違い

<main> タグは HTML5 で新しく追加されました。

その他の拡張