HP制作者、Web開発者向けのHTMLタグリファレンス・使用方法・サンプル

<hgroup> 「見出しのグループ化」
[読み方:エイチグループ]

<hgroup>タグは<h1>~<h6>の見出しをグループ化し1つの見出しと見なされます。
グループ化内の<h1>~<h6>でランクの高い見出しランクがグループ化の見出しランクとなります。
<hgroup>は、HTML5で一旦追加されましたが
W3C Candidate Recommendation 6 August 2013
で削除されたため、使用できません。
HTML規格HTML4.01HTML5
使用可否××

<hgroup> の属性

【構文】
<hgroup>
<h1>~タイトル~</h1>
<h2>~サブタイトル~</h2>
</hgroup>
属性意味値のサンプルなど
---
グローバル属性
  • accesskey
  • class
  • contenteditable
  • dir
  • hidden
  • id
  • lang
  • spellcheck
  • style
  • tabindex
  • title
  • translate
イベント属性

<hgroup>のサンプル

<!DOCTYPE html>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>hgroupサンプル</title>
</head>
<body>
<header>
<hgroup>
<h1>家族旅行ブログ!!</h1>
<h3>家族4人でで楽しい旅行を記録しています</h3>
</hgroup>
</header>
<hr>
<article>
<header>
<hgroup>
<h3>箱根でゆっくり温泉</h3>
<h5>部屋で専用露天風呂に入った!</h5>
</hgroup>
</header>
<p>週末、家族と愛犬で温泉に行ってきました。~内容~
<footer>
<p><time datetime="2013-03-24T20:15">2013/03/24 20:15</time></p>
</footer>
</article>
<hr>
<article>
<header>
<h5>豪華に部屋食&海鮮三昧</h5>
</header>
<p>私は新潟日本海で海鮮三昧!。~内容~
<footer>
<p><time datetime="2013-04-03T11:22">2013/04/03 11:22</time></p>
</footer>
</article>
<hr>
</body>
</html>

留意事項

  • <hgroup>タグは、HTML5で一旦は追加されましたが、最終的に削除されたため使用できません。
  • <hgroup>タグは<h1>~<h6>の見出しを含む必要があります。
  • グループ化内の<h1>~<h6>でランクの高い見出しランクがグループ化の見出しランクとなります。

関連するHTMLタグ

<body>掲載、投稿した日時を表す。
<footer>タグ内の場合は、直前の<footer>に適用される。
<article>自己完結するセクションを表します。
<aside>本文を補足、余談、用語説明などを表す。
<section>一般的なセクション(意味や機能でまとめられる1つのかたまり)を表します。
<header>ページやセクションのヘッダーを表します。
<footer>ページやセクションのフッターを表します。
<nav>メニューリンクを表します。
<h1>~<h6>見出し
<hgroup>見出しをグループ化します。
cman.jp>WEBページ作成TOP>HTMLタグ・リファレンス><hgroup> 「見出しのグループ化」