The hgroup element is typically used to group a set of one or more h1-h6 elements — to group, for example, a section title and an accompanying subtitle.
W3C Specification

<hgroup>扮演著一個可以包含一個或者更多標題相關的容器的角色,這些標題可能在&ls;header>元素中。它只能包含從h1-h6的標題元素，這些標題可能是副標題、二選一的標題或者標記標題。

更簡單的理解如何使用<hgroup>的方法，是我們通過一些例子。比如下面 Dr.Oli 的例子:

當article標簽有且只有一個標題的時候:

<hgroup>包含h1-h2的標題元素，但是在大綱中只包含<h1>.就像下圖展示的那樣子。

我們可以從這個鏈接查看文檔大綱：

http://gsnedders.html5.org/outliner/

總結：
我們剛剛講的是如何高效的使用 <hgroup>元素。回顧一下：
.如果你只有一個標題元素（h1-h6中的一個），你并不需要<hgroup>.
.當出現一個或者一個以上的標題與元素時，適用<hgroup>來包圍他們。
.當你的有一個標題有副標題或者其它的和section或者article有關系的元數據時，將<hgroup>和元數據放到一個單獨的<header>元素容器中。

中文原文：HTML5 hgroup 元素使用概述
英文原文：Avoiding common HTML5 mistakes