HTML5 / Semantique - bloques d'info, titre et données

Bonjour,

ce n'est pas la première fois que je fais du HTML, mais c'est la première fois que j'essaie de faire du HTML sémantiquement correct

J'ai un besoin assez simple, mais pour l'exercice j'aimerais m'approcher au plus proche de quelque chose de "juste".

Le besoin:
J'ai besoin d'afficher plusieurs bloques d'informations, chacun contient un titre et un ensemble de clés/valeurs. Bien sûr il y a du CSS derrière cela, mais ce n'est pas le point de ma question.
Aujourd'hui j'ai fait quelque chose comme cela:

<div class="bloque">
  <div class="titre">Mon Titre</div>
  <div class="contenu">
    <dl>
      <dt>Clé A</dt><dd>Valeur A</dd>
    <dl>
    <dl>
      <dt>Clé B</dt><dd>Valeur C</dd>
    <dl>
  </div>
</div>

J'ai songé à remplacer :
- class="bloque" par <article>
- class="titre" par <header>

Est-ce que cela serait correct?

Bonjour.

Pris comme définition sur ce site :
<article> représente un texte indépendant, une portion de contenu, comme par exemple un article de journal, de blog ou de forum.

Tel que vous définissez ces 'bloques' (j'aime bien l'orthographe), ça me parait correct.

Toujours sur ce site :
L'élément <header> représente l'en-tête d'une section ou d'une page.

L'élément 'header' serait donc l'en-tête de l'article.

Le 'div class="contenu"' ne me parait pas indispensable mais il est peut-être là pour des questions de mise en page...


Modifié par Zelena (02 Oct 2016 - 12:47)

Merci pour votre réponse.
Je vais donc modifier mon code pour utiliser article et header.

Concernant class="contenu", c'est effectivement là pour des besoins de mise en page.

Merci