Balise article

La balise article est destinée aux blocs indépendants et autonomes d'un site, qui peuvent être utilisés comme page indépendante.

Par exemple, si vous avez un site avec des articles, un article peut être placé dans cette balise. Si vous avez des commentaires d'utilisateurs, chacun de ces commentaires peut être placé dans cette balise.

Par ailleurs, si vous avez la balise main pour le contenu du site, alors article peut être placé à l'intérieur de main, mais pas l'inverse.

Exemple

Placons le texte de l'article dans la balise article :

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>En-tête</h1>
      <p>
        texte
      </p>
      <p>
        texte
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Exemple

Placons les posts dans des balises article :

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <h1>Nouveaux posts</h1>
    <article>
      <h2>Post 1</h2>
      <p>
        texte
      </p>
      <p>
        texte
      </p>
    </article>
    <article>
      <h2>Post 2</h2>
      <p>
        texte
      </p>
      <p>
        texte
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

Voir aussi