HTML5, structuration documentaire

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 :

CTRL+C pour copier, CTRL+V pour coller
1
<body>
2
<div class="article">
3
   <div class="header">
4
      <div class="title">Un titre</div>
5
      <div class="subtitle">Un sous-titre</div>
6
      <p class="author">Tom B.</p>
7
   </div>
8
9
   ...
10
11
</div>
12
</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.

Question

Reprendre le code précédent et proposer une alternative à hgroup.

PrécédentPrécédentSuivantSuivant
AccueilAccueilImprimerImprimer Rihab Hachem, Cindy Pinvin, Baptiste Perraud, 2014-2016 (Contributions : Stéphane Crozat, les étudiants de l'UTC) Paternité - Partage des Conditions Initiales à l'IdentiqueRéalisé avec Scenari (nouvelle fenêtre)