MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-dev-survey

L'élément HTML <article> représente du contenu autonome dans un document, une page, une application, ou un site. Ceci peut être un message sur un forum, un article de journal ou de magazine, une parution sur un blog, un commentaire d'utilisateur, un widget ou gadget interactif, ou tout autre élément de contenu indépendant. Ce contenu est prévu pour être distribué ou réutilisé indépendamment (par exemple dans un flux de syndication).

Catégories de contenu Contenu de flux, contenu de section , contenu tangible.
Contenu autorisé Contenu de flux.
Omission de balises Aucune, la balise d'ouverture et la balise de fermeture sont obligatoires
Parents autorisés Tout élément acceptant du contenu de flux. Un élément <article> ne doit pas être un descendant d'un élément <address>.
Rôles ARIA autorisés application, document, feed, main, presentation, region.
Interface DOM HTMLElement.

Attributs

Cet élément n'a pas d'autres attributs que les attributs universels, communs à tous les éléments.

Notes

  • Chaque <article> autonome, qui n'est pas imbriqué dans un autre élément <article>, devrait être identifié typiquement, en incluant un élément d'en-tête <header> qui comprendrait lui-même un élément de titre <h1> à <h6>.
  • Quand un élément <article> est imbriqué dans un autre, l'élément contenu représente un article relatif à l'élément contenant. Par exemple, les commentaires d'une parution de blog peuvent être un élément <article> inclus dans l'<article> représentant la parution en elle-même.
  • Des informations à propos de l'auteur d'un élément <article> peuvent être fournies au travers de l'élément <address>, mais cela ne s'applique pas aux éléments <article> imbriqués.
  • La date et l'heure de publication d'un élément <article> peuvent être donnés en utilisant l'attribut datetime d'un élément <time>Notez que l'attribut pubdate de <time> ne fait plus partie de la norme W3C HTML 5.

Exemples

HTML

<article class="film_review">
  <header>
    <h2>Jurassic Park</h2>
  </header>
  <section class="main_review">
    <p>Les dinosaures étaient super !</p>
  </section>
  <section class="user_reviews">
    <article class="user_review">
      <p>Beaucoup trop effrayant pour moi</p>
      <footer>
        <p>
          Posté le 
          <time datetime="2015-05-16 19:00">16 Mai</time>
          par Lisa.
        </p>
      </footer>
    </article>
    <article class="user_review">
      <p>Je suis d'accord, les dinosaures sont mes préférés</p>
      <footer>
        <p>
          Posté le 
          <time datetime="2015-05-17 19:00">17 Mai</time>
          par Tom.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Posté le 
      <time datetime="2015-05-15 19:00">15 Mai</time>
      par Staff.
    </p>
  </footer>
</article>

Résultat

Spécifications

Spécification État Commentaires
HTML Living Standard
La définition de '<article>' dans cette spécification.
Standard évolutif  
HTML 5.1
La définition de '<article>' dans cette spécification.
Recommendation  
HTML5
La définition de '<article>' dans cette spécification.
Recommendation  

Compatibilité des navigateurs

Fonctionnalité Chrome Firefox (Gecko) Edge Internet Explorer Opera Safari
Support simple 5 4.0 (2.0) (Oui) 9.0 11.10 4.1
Fonctionnalité Android Firefox Mobile (Gecko) Edge IE Mobile Opera Mobile Safari Mobile
Support simple 2.2 4.0 (2.0) (Oui) 9.0 11.0 5.0 (iOS 4.2)

Voir aussi

Étiquettes et contributeurs liés au document

Étiquettes : 
 Dernière mise à jour par : edspeedy,