hgroup要素：HTML Living Standard各要素別メモ

概要

カテゴリー

• Flow content
• Heading content
• Palpable content

配置できる場所

• 上記カテゴリーの要素が置ける場所。

内容モデル

• 0個以上のp要素。
• 上記に続いて、1個だけのh1-h6要素。必須。
• 上記に続いて、0個以上のp要素。
• 0個以上のScript-supporting contentの混在も可。

属性

• グローバル属性

HTML構文におけるタグの省略

• 省略不可。

WAI-ARIA

• デフォルトroleは、group。デフォルトroleをrole属性値に指定することは、推奨されない。
• デフォルトrole以外では、すべてのroleが指定可能。

視覚系ブラウザのデフォルトとして期待されるCSS

  hgroup {
    display: block;
    unicode-bidi: isolate;
  }
  

意味・用法

見出しに副題、代替タイトル又はキャッチコピーなどを付加してグループ化する。

私見・補足

主題と副題等をまとめてグループ化するための要素。

    <hgroup>
      <h1>新時代におけるウェブサイト作成方法</h1>
      <p>誰でも利用できるウェブサイトを作ろう</p>
    </hgroup>