Résumé
L'élément HTML Article (<article>) représente du contenu autonome dans un document, une page, une application, ou un site, qui est prévu pour être distribué ou réutiliser indépendamment, i.e., dans un flux de syndication. 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. Chaque <article> doit être identifié, typiquement en incluant un en-tête (élément h1-h6) comme enfant de l'élément <article>.
Notes d'utilisation :
- 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 heure de publication d'un élément
<article>peuvent être données en utilisant l'attributpubdated'un élément<time>.
- 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
- Éléments 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>. - Interface DOM
HTMLElement
Attributs
Cet élément n'a pas d'autres attributs que les attributs globaux, communs à tous les éléments.
Exemples
<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>
Spécifications
| Spécification | Statut | Commentaires |
|---|---|---|
| WHATWG HTML Living Standard La définition de '<article>' dans cette spécification. |
Standard évolutif | |
| HTML5.1 La définition de '<article>' dans cette spécification. |
Version de travail | |
| HTML5 La définition de '<article>' dans cette spécification. |
Recommendation |
Compatibilité des navigateurs
| Fonctionnalité | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Support simple | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 5.0 (iOS 4.2) |