La balise hgroup
Une balise devenue obsolète
Le but de cet exercice est de manipuler la balise hgroup pour ensuite comprendre pourquoi elle est devenue obsolète et ne fait plus partie de la spécification HTML5.
La balise <hgroup> contient plusieurs éléments h1 à h6, qu'elle regroupe ensemble en un seul bloc titre :
<hgroup><!-- balises h1 ... h6 --></hgroup>
En particulier, l'algorithme Outline HTML5 ne gardera que la balise de titre "supérieure" (la moins profonde) du groupe dans le sectionnement d'un document.
Cette balise a été créée pour permettre d'adjoindre facilement des sous-titres à une section.
Question
On dispose du code HTML4 suivant :
<body>
<div class="article">
<div class="header">
<div class="title">Un titre</div>
<div class="subtitle">Un sous-titre</div>
<p class="author">Tom B.</p>
</div>
...
</div>
</body>
<body> <div class="article"> <div class="header"> <div class="title">Un titre</div> <div class="subtitle">Un sous-titre</div> <p class="author">Tom B.</p> </div> ... </div> </body>
Transformer ce code en HTML5 en utilisant la balise <hgroup>.
Question
Vérifier à l'aide d'un Outliner HTML5 en ligne (ici par exemple) les résultats conformes aux attentes, avec ou sans hgroup.
Question
h1–h6 elements must not be used to markup subheadings, subtitles, alternative titles and taglines unless intended to be the heading for a new section or subsection.
Avancer une explication quant à la suppression de la balise <hgroup>, en s'appuyant sur la logique de structuration documentaire apportée par HTML5.