<main>
| 対応ブラウザ | Chrome 26～ / Firefox 21～ / Android 4.4～ / iOS 7.0～ | ||
|---|---|---|---|
| タグの分類 |
フロー・コンテンツ パルパブル・コンテンツ |
含められるもの | フロー・コンテンツ |
| 使える場所 | フロー・コンテンツの使える場所で、先祖に<article>、<aside>、<footer>、<header>、<nav>がないところ | ||
| 用例 |
<main role="main"> <article> <h2>文書の主要な部分</h2> <p>文書の主要な部分</p> </article> </main> |
||
<main>とは
「main」とは、文書内の主要な部分をマークアップするタグです。主にアクセシビリティ向上のために使用します。<main>タグを使うことで、たとえば音声読み上げソフトがページ上方のナビゲーションメニューをスキップし、すぐに本文を読み上げる、といったことをできるようになります。
<main>は文書内で1度だけしか使えません。また、<article>、<aside>、<footer>、<header>、<nav>の子孫となることはできません。
WAI-ARIAというWebのアクセシビリティに関する仕様があり、その中にHTML要素へroleという属性を付け、要素が文書の中でどのような役割を持つかを表現する、という決まりがあります。
<main>タグはそのWAI-ARIAのrole="main"を置き換えるものとしてHTML5へ導入されました。
role="main"に対応、<main>には非対応という読み上げソフトへの配慮として、<main>には<main role="main">のように、role="main"を付けて使うことが推奨されています。
