hgroup 是HTML5中新定义的元素，用来将标题和副标题群组。在我们曾经有header标签的情况下，为什么我们还要一个<hgroup>标签？下面将是这个问题的解答

什么是 <hgroup>元素

下面是文档关于的描述 <hgroup>的描述：
hgroup普通被用作将一个或者更多的h1到h6的元素群组，比如，一个区块内的标题和它的副标题。

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标签有且只要一个标题的时候:

1 2 3 4

<article>  <h1>Article title</h1>  <p>Content…</p> </article>

当article标签有一个标题,并且还包含元数据的时候(meatadata)

1 2 3 4 5 6 7 8

<!-- Wrapping title and metadata in header --> <article>  <header>  <h1>Article title</h1>  <p>(<time datetime="2009-07-13">13th July, 2009</time>)</p>  </header>  <p>Content…&l 免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 相关资料更多> HTML5 惯用代码 从文职策划转向网页设计,该怎么解决 javascript背景图的操作，很简单！该怎么处理 html的input元素的title的色彩 问全能选手们一个css+div的一个兼容性有关问题 怎么用JavaScript实现当点击一个按钮时同时关闭多个层 让IE支持CSS3圆角的步骤 怎么使文字中的<br>标签在浏览器中换行 用CSS设立多个背景、背景渐变、指定背景大小 推荐阅读更多> css式样-选择器，盒模型 要积分的快快来！解决思路 Html超文标志言语简明导引 Css样式的整合(简化)?该如何解决 CSS式样规则优化 讨论：FireFox是怎么实现“查看选中部分的源代码”这个功能的 HTML-CSS-的一些居中有关问题！大神归位 table跟body background 属性在ie8里不支持吗 在JAVA中开发当用之html5离线应用 HTML5 多媒体播放【一】 IE6、IE7、IE8、FireFox css line-height兼容有关问题 问个关于DIV加了z-index后的有关问题 为什么ie6上第一行图片不对齐 网页设计中的光芒典范：30 图片/内容幻灯片案例 :FireFox下按钮onclick事件不触发 javascript获取节点的value，浏览器不兼容解决方法 十大给设计员灵感的CSS画廊网站设计 sitemesh装饰后的html中文乱码解决办法 js跟html模拟系统的ip地址输入框 IE6 不支持半透明 filter:alpha(opacity=60);opacity:0.6;该怎么解决