hgroup(ヘッダー・グループ)要素は、複数のヘッダーをグルーピングします。h1〜h6要素のいずれかを一つと、任意でp要素を配置します。

hgroup要素説明
カテゴリー・フローコンテンツ
・パルバブルコンテンツ
・ヘッディングコンテンツ
コンテンツモデル0個以上のp要素、その後に1つのh1〜h6要素(必須)、その後に0個以上のp要素 / 任意でスクリプトサポート要素を混在
使用できる場所ヘッディングコンテンツが期待される場所

hgroup要素で使用できる属性

すべてのHTML要素で使用できる属性になります。

使用例

<body>
<header>
  <hgroup>
    <h1>福島県旅行の旅日記</h1>
    <p>今日は福島県石川郡石川町の石都々古和気神社に来ている。</p>
  </hgroup>
  <p>石川城址があり、とてもいいところだった。</p>
</header>
<article>
  <h2>08月17日(土)台風7号上陸</h2>
  <p>雨が降ったり、止んだりの一日でした。</p>
</article>
 …省略…
</body>

表示

福島県旅行の旅日記

今日は福島県石川郡石川町の石都々古和気神社に来ている。

石川城址があり、とてもいいところだった。

08月17日(土)台風7号上陸

雨が降ったり、止んだりの一日でした。

…省略…

カテゴリー: