Élément article - Article element

L'article HTML5 est un élément sémantique HTML5 , similaire à et . Il est le plus souvent utilisé pour contenir des informations qui peuvent être distribuées indépendamment du reste du site ou de l'application dans laquelle il apparaît. <section><header>

Fonctionnalités et utilisation

L' élément HTML5 <article> représente une composition complète dans une page Web ou une application Web qui est indépendamment distribuable ou réutilisable, par exemple en syndication. Cela peut être un message de forum, un article de magazine ou de journal, une entrée de blog, un commentaire soumis par un utilisateur, un widget ou un gadget interactif ou tout autre élément de contenu indépendant.

Exemples

Dans sa forme la plus élémentaire, <article> peut être utilisé pour encapsuler un corps de texte et un titre correspondant comme ceci: 

<article>
  <h2>Insert Title Here</h2>
  <p>Insert  a paragraph of text here</p>
</article>

Les entrées et commentaires du forum sont généralement implémentés par l'imbrication de <article> balises: 

<article>
  <header>
    <h1>Entry Title</h1>
    <p>Header Info</p>
  </header>
  <p>Content of entry...</p>
  <article>
    <header>
      <h2>Author: John Smith</h2>
      <p>Comment Info</p>
    </header>
    <p>Comment text...</p>
  </article>
  <article>
    <header>
      <h2>Author: Jane Johnson</h2>
      <p>2nd Comment's Info</p>
    </header>
    <p>Comment text...</p>
  </article>
</article>

Les attributs

L' <article> élément inclut uniquement les attributs HTML globaux tels que contenteditable , id et title. Cependant, pubdate , un attribut booléen facultatif de l' <time> élément, est souvent utilisé en conjonction avec <article> . S'il est présent, il indique que l' <time> élément est la date à laquelle il a <article> été publié. Notez que pubdate s'applique uniquement à l' <article> élément parent ou au document dans son ensemble.

Comparaison avec <section>

HTML5 a introduit à la fois <article> et <section> ; les deux sont des balises sémantiques, définissant des sections dans un document, telles que des chapitres, des en-têtes, des pieds de page. L' <article> élément est effectivement un type spécialisé <section> et il a une signification plus spécifique, se référant à un bloc indépendant et autonome de contenu connexe.

Exemples d'imbrication

Pour mieux organiser les <section> balises de contenu indépendantes peuvent être imbriquées dans des <article> balises: 

<article>
  <h2>Names of Shapes</h2>
  <p>There are several different types of shapes...</p>
  <section>
    <h4>Triangles</h4>
    <p>Here is some info about triangles</p>
  </section>
  <section>
    <h4>Circles</h4>
    <p>These Pi-shaped wonders are mesmerizing and...</p>
  </section>
</article>

Inversement, il peut parfois être approprié d'imbriquer un <article> élément à l'intérieur d'un <section> élément. Par exemple, dans une page Web contenant plusieurs articles sur différents sujets: 

  <section>
    <h1>Articles about Paris Tourism</h1>
    <article>
      <h3>The Eiffel Tower</h3>
      <p>Standing at over 12 inches high...</p> 
    </article>
    <article>
      <h3>The Louvre</h3>
      <p>A must-see in Paris tourism...</p>
    </article>
  </section>

Prise en charge du navigateur

Les navigateurs suivants prennent en charge cet élément:

Les références

Liens externes