Sommaire

Un exemple de structure sémantique d’un article

Voici un exemple d’un article, d’un contenu rédactionnel utilisant ces éléments de structure sémantique :

images/C06-003.png

Nous avons :

  • Un élément <article> comme conteneur général.

  • Nos articles contiennent des en-têtes, des introductions, nous utilisons donc l’élément <header>. L’élément <header> contient le titre <h1> de l’article et son sous-titre <h2>.

  • Le contenu rédactionnel de l’article est placé dans des éléments <p>. L’article contient des liens vers des compléments d’articles, listés dans une liste <ul>.

  • L’article se termine par un pied de page <footer>, ou plutôt un pied d’article, avec la date de publication, la rubrique de l’article et le nom de l’auteur, par exemple.