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 免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。 相关资料更多> css的hibernate学习日记-源码分析-get&save的过程 IE6下如何实现height:100%;width:100%;四周空10px，父div的clientheight不变， 关于引入js日历插件的有关问题 js之css格式之scrollTop跟offsetTop jquery append()步骤与html()方法用法区别 【不懂就问】关于对GIF资料的解析 有个网页另存为本地文件后，点击打开后和原效果不一样？解决思路 HTML5的惯用标签 Firefox与IE下UL预设标志的异同 推荐阅读更多> 不同程序实现文字拖拽,该怎么处理 zul组件、zhtml组件、native组件的差异 HTML书写中应该注意的有关问题总结一 CSS格局诀窍之CSSBUG顺口溜 web开发者 CSS 展示渐变 教你添加网页曝光率的几招秘诀 请教在页面使用36px粗字体时,文字有粗有细是咋回事 详解CSS格局设计块元素和内联元素 特殊页面设计有关问题请问 CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack运用简要归纳 html5 canvas 里边绘制标题 和阴影 jsp 变换 html 邮箱后缀对应邮箱登陆网址解决思路 float=left; float=right;该怎么处理 HTML5 Canvas效率怎么 html与此同时还有双引号和单引号 简洁DIV+CSS代码量以提高网站速度的技巧 .xhtml资料中加空格 CSS sprites的利害