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 Fließender Inhalt, Sektionsinhalt, fühlbarer Inhalt
Erlaubter Inhalt Fließender Inhalt.
Tag Wegfall Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich.
Erlaubte Elternelemente Jedes Element das fließenden Inhalt 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

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

Update compatibility data on GitHub
DesktopMobile
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid WebviewChrome für AndroidFirefox für AndroidOpera für AndroidSafari auf iOSSamsung Internet
articleChrome Vollständige Unterstützung 5Edge Vollständige Unterstützung JaFirefox Vollständige Unterstützung 4IE Vollständige Unterstützung 9Opera Vollständige Unterstützung 11.1Safari Vollständige Unterstützung 4.1WebView Android Vollständige Unterstützung JaChrome Android Vollständige Unterstützung JaFirefox Android Vollständige Unterstützung 4Opera Android Vollständige Unterstützung 11.1Safari iOS Vollständige Unterstützung 4.2Samsung Internet Android Vollständige Unterstützung Ja

Legende

Vollständige Unterstützung  
Vollständige Unterstützung

Siehe auch

Schlagwörter des Dokuments und Mitwirkende

Mitwirkende an dieser Seite: mdnwebdocs-bot, SebinNyshkim, eluchsinger, Sebastianz
Zuletzt aktualisiert von: mdnwebdocs-bot,