Un plan qui saute — exercice corrigé d'HTML : structurer le Web (école d'ingénieur) (chapitre 2)

Un plan qui saute

Texte et structure · niveau 1 (application)

Énoncé

Voici les titres d'une page, dans l'ordre. Repérer les fautes, puis proposer un plan correct.


<h1>Mon voyage au Japon</h1>
<h3>Tokyo</h3>
<h1>Kyoto</h1>
<h4>Les temples</h4>
<h2>Osaka</h2>

Corrigé

Trois fautes : le <h3> « Tokyo » suit directement le <h1> (saut du niveau 2) ; il y a deux <h1> ; le <h4> suit un <h1>. Le validateur en signale deux :


  2:2  error  Heading level can only increase by one, expected <h2> but got <h3>  heading-level
  3:2  error  Multiple <h1> are not allowed                                       heading-level

La troisième n'apparaît qu'une fois le second <h1> corrigé : un validateur n'est pas une relecture, il ne dispense pas de lire le plan. Les trois villes sont des parties du voyage, de même rang ; les temples, une sous-partie de Kyoto :


<h1>Mon voyage au Japon</h1>
<h2>Tokyo</h2>
<h2>Kyoto</h2>
<h3>Les temples</h3>
<h2>Osaka</h2>