<article>: Das Inhaltselement für Artikel

Das HTML-Element <article> stellt eine in sich geschlossene Komposition in einem Dokument, einer Seite, Anwendung oder Website dar, die unabhängig verteilt oder wiederverwendbar sein soll (z. B. bei Syndikation), z. B. ein Forumsbeitrag, ein Zeitschriften- oder Zeitungsartikel oder ein Blogeintrag.

Ein bestimmtes Dokument kann mehrere Artikel enthalten, z. B. in einem Blog, in dem der Text jedes Artikels nacheinander angezeigt wird, während der Leser blättert, wäre jeder Beitrag in einem <article>-Element mit einem oder mehreren <section>-Elementen enthalten.

Inhaltskategorien (en-US) Fließender Inhalt (en-US), Sektionsinhalt, fühlbarer Inhalt
Erlaubter Inhalt Fließender Inhalt (en-US).
Tag Wegfall Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte Elternelemente Jedes Element das fließenden Inhalt (en-US) erlaubt. Beachten Sie, dass ein <article>-Element kein Nachkomme eines <address>-Elements sein darf.
Erlaubte ARIA Rollen application, document, feed, main, presentation, region
DOM-Schnittstelle HTMLElement (en-US)

Attribute

Dieses Element unterstützt nur die globalen Attribute.

Nutzungshinweise

  • Jeder <article> sollte beschriftet sein, normalerweise indem eine Überschrift (<h1>-<h6>) als untergeordnetes Element des <article>-Elements eingefügt wird.
  • Wenn ein <article>-Element verschachtelt ist, repräsentiert das innere Element einen Artikel, der sich auf das äußere Element bezieht. Zum Beispiel können die Kommentare eines Blogbeitrags <article>-Elemente sein, die im <article> des Blogbeitrags verschachtelt sind.
  • Informationen zum Autor eines <article>-Elements können über das <address>-Element bereitgestellt werden, gelten jedoch nicht für verschachtelte <article>-Elemente.
  • Das Datum und die Uhrzeit der Veröffentlichung eines <article>-Elements können mit dem Attribut datetime eines <time>-Elements beschrieben werden. Beachten Sie, dass das Attribut pubdate von <time> nicht mehr Bestandteil des W3C HTML 5-Standards ist.

Beispiele

<article class="film_review">
  <header>
    <h2>Jurassic Park</h2>
  </header>
  <section class="main_review">
    <p>Dinos were great!</p>
  </section>
  <section class="user_reviews">
    <article class="user_review">
      <p>Way too scary for me.</p>
      <footer>
        <p>
          Posted on
          <time datetime="2015-05-16 19:00">May 16</time>
          by Lisa.
        </p>
      </footer>
    </article>
    <article class="user_review">
      <p>I agree, dinos are my favorite.</p>
      <footer>
        <p>
          Posted on
          <time datetime="2015-05-17 19:00">May 17</time>
          by Tom.
        </p>
      </footer>
    </article>
  </section>
  <footer>
    <p>
      Posted on
      <time datetime="2015-05-15 19:00">May 15</time>
      by Staff.
    </p>
  </footer>
</article>

Spezifikationen

Specification Status Comment
HTML Living Standard
Die Definition von '<article>' in dieser Spezifikation.
Lebender Standard  
HTML 5.1
Die Definition von '<article>' in dieser Spezifikation.
Empfehlung  
HTML5
Die Definition von '<article>' in dieser Spezifikation.
Empfehlung  

Browserkompatibilität

BCD tables only load in the browser

Siehe auch