Voilà une balise intéressante à utiliser dès maintenant pour ceux qui utilise déjà HTML5.
Si je reprends la définition du W3C :
The hgroup element represents the heading of a section. The element is used to group a set of h1–h6 elements when the heading has multiple levels, such as subheadings, alternative titles, or taglines.
Donc en gros, la balise <hgroup> permet de regrouper plusieurs éléments décrivant un en-tête de section. (ex : titre avec un sous-titre ou titre avec un slogan, etc)
Imaginons par exemple un site web corporatif qui à son logo et un slogan en dessous.
Le code approprié serait :
<header>
<hgroup>
<h1 id="logo">Budget en ligne</h1>
<h2>Planifier son budget intelligemment</h2>
</hgroup>
</header>
C’est simple, efficace et on comprend plus facilement l’intention en analysant le code source.
[...] Nous utiliserons cette balise qui elle-même contiendra la balise <hgroup> (voir mon billet la nouvelle balise hgroup) qui elle s’occupera de contenir le titre (<h1>) et slogan du site [...]