HTML5 – Etiqueta hgroup

La etiqueta <hgroup> es otra de las nuevas etiquetas semánticas introducidas en HTML5. La etiqueta <hgroup> es usada para agrupar un conjunto de elementos h1–h6, por ejemplo, cuando tenemos un titulo y a continuación una pequeña descripción o subtitulo. Pero, ¿cuándo debemos utilizar <hgroup>? y ¿cuándo debemos utilizar header?.

Cuando únicamente tenemos un titulo dentro de un articulo o sección no debemos utilizar ni header ni <hgroup>.

Cuando tenemos metadatos asociados al titulo debemos utilizar la etiqueta header y no hgroup.

Si tenemos un titulo y un subtitulo utilizaremos la etiqueta hgroup.

Por último, en el caso de tener tanto un titulo como un subtitulo y algún metadato utilizaremos tanto header como hgroup.

Especificación | W3C Etiqueta hgroup