L’élément <article> exprime une composition autonome au cœur d’un document ou un site.

Cette balise est prévue pour la distribution et la réutilisation indépendante de l’article autonome.

L’élément <article> peut avoir de nombreuses sources :

Des discussions d’un forum
Un journal
Un reportage
Un commentaire

Tout comme la plupart des balises HTML5, elle possède une balise de début <article> et une balise de fermeture </article>.

Voici un exemple auquel on retrouve la balise <article> :

<html>
  <head>
    <title>Titre de la page</title>
  </head>
  <body>
    <article>
      <h1>Titre de l'article</h1>
      <p>Récit de l'article</p>
    </article>
  </body>
</html>

Cela va nous donner :

Titre de l’article

Récit de l’article

Voici un exemple sur lequel la balise est utilisée avec l’élément <section> :

<html>
  <head>
    <title>Titre du récit</title>
  </head>
  <body>
    <section>
      <h1>Articles sur les fleurs</h1>
      <article>
        <h2>Les Roses</h2>
        <p>La Rose – La reine des fleurs - est l'objet du culte et de l'amour ardent. Depuis des temps immémoriaux, la rose a été l'objet d'adoration et d'adoration.</p>
      </article>
      <article>
        <h2>Les lis</h2>
        <p>La lis — une fleur de beauté incroyable - l'une des plus anciennes parmi une variété de plantes à bulbes. </p>
      </article>
    </section>
  </body>
</html>

Cela donne le résultat suivant :

Articles sur les fleurs

Les Roses

La Rose – La reine des fleurs – est l’objet du culte et de l’amour ardent. Depuis des temps immémoriaux, la rose a été l’objet d’adoration et d’adoration.

Les lis

La lis — une fleur de beauté incroyable – l’une des plus anciennes parmi une variété de plantes à bulbes.