From 33058f2b292b3a581333bdfb21b8f671898c5060 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:40:17 -0500 Subject: initial commit --- files/fr/web/html/element/article/index.html | 151 +++++++++++++++++++++++++++ 1 file changed, 151 insertions(+) create mode 100644 files/fr/web/html/element/article/index.html (limited to 'files/fr/web/html/element/article') diff --git a/files/fr/web/html/element/article/index.html b/files/fr/web/html/element/article/index.html new file mode 100644 index 0000000000..fde2eb92dc --- /dev/null +++ b/files/fr/web/html/element/article/index.html @@ -0,0 +1,151 @@ +--- +title: '
: l''élément de contenu d''un article' +slug: Web/HTML/Element/article +tags: + - Element + - HTML + - Reference + - Web +translation_of: Web/HTML/Element/article +--- +
{{HTMLRef}}
+ +

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).

+ +
{{EmbedInteractiveExample("pages/tabbed/article.html", "tabbed-standard")}}
+ + + +

Un document donné peut tout à fait avoir plusieurs articles. On peut par exemple avoir un blog qui affiche le texte de chaque billet au fur et à mesure que le lecteur fait défiler le contenu. Chaque billet serait un élément <article> et les sections de ces billets des éléments {{HTMLElement("section")}}.

+ +

Attributs

+ +

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

+ +

Notes

+ + + +

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

+ +

{{EmbedLiveSample("Exemples","300","500")}}

+ +

Résumé technique

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Catégories de contenuContenu de flux, contenu de section, contenu tangible.
Contenu autoriséContenu de flux.
Omission de balises{{no_tag_omission}}
Parents autorisésTout élément acceptant du contenu de flux. Un élément <article> ne doit pas être un descendant d'un élément {{HTMLElement("address")}}.
Rôles ARIA autorisés{{ARIARole("application")}}, {{ARIARole("document")}}, {{ARIARole("feed")}}, {{ARIARole("main")}}, {{ARIARole("presentation")}}, {{ARIARole("region")}}.
Interface DOM{{domxref("HTMLElement")}}.
+ +

Spécifications

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
{{SpecName('HTML WHATWG', 'semantics.html#the-article-element', '<article>')}}{{Spec2('HTML WHATWG')}}
{{SpecName('HTML5.1', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5.1')}}
{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '<article>')}}{{Spec2('HTML5 W3C')}}
+ +

Compatibilité des navigateurs

+ + + +

{{Compat("html.elements.article")}}

+ +

Voir aussi

+ + -- cgit v1.2.3-54-g00ecf