main

<main> 要素は、文書またはアプリケーションの<body> 要素の主な内容であることを表します。<main> 要素は、文書内に複数配置することはできません。また、サイトの中で繰り返し使われているロゴやバナー、ナビゲーションリンク、著作権情報、検索フォームなど、固有の内容ではないコンテンツは含めないようにします。

カテゴリー
フロー・コンテンツ、パルパブル・コンテンツ
配置場所
フロー・コンテンツが置ける場所。ただし<article> 要素、<aside> 要素、<header> 要素、<footer> 要素、<nav> 要素を除く。
内容
フロー・コンテンツ
属性
グローバル属性

accesskey, autocapitalize, autofocus, class, contenteditable, data-*, dir, draggable, enterkeyhint, hidden, id, inputmode, is, itemid, itemprop, itemref, itemscope, itemtype, lang, nonce, spellcheck, style, tabindex, title, translate

サンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8" />
<title>HTML5 › main</title>
</head>
<body>
<header>
  <h1>HTML5 › main</h1>
</header>
<main>
  <article>
    <h1>HTML5のmain要素のサンプルです。</h1>
    <p>
main要素は、文書またはアプリケーションの<body>要素の主な内容であることを表します。
    </p>
  </article>
</main>
</body>
</html>