Übersicht
Das HTML <article> Element stellt eine in sich geschlossene Struktur innerhalb eines Dokuments, einer Seite, Anwendung oder Webseite dar, welches dazu bestimmt ist, unabhängig verteilbar oder wiederverwendbar zu sein, z. B. in einer Syndikation. Dies könnte ein Forumseintrag, ein Artikel in einem Magazin oder einer Zeitung, ein Blogeintrag, ein Benutzerkommentar, ein interaktives Widget oder Gadget oder ein anderer unabhängiger inhaltlicher Teil sein. Jedes <article> Element sollte identifiziert werden, üblicherweise durch Hinzufügen einer Überschrift (<h1>-<h6> Element) als Kind des <article> Elements.
Hinweis zur Benutzung:
- Wenn ein
<article>Element verschachtelt ist, stellt das innere Element einen Artikel bezogen auf das äußere Element dar. Zum Beispiel können die Kommentare eines Blogeintrags<article>Elemente innerhalb des<article>Elements sein, das den Blogeintrag repräsentiert. - Autoreninformationen eines
<article>Elements können durch das {{HTMLElement("address")}} Element angegeben werden, was jedoch nicht auf verschachtelte<article>Elemente zutrifft. - Das Veröffentlichungsdatum und die -uhrzeit eines
<article>Elements können durch das {{htmlattrxref("date", "time")}} Attribut des {{HTMLElement("time")}} Elements angegeben werden. Beachte, dass das {{htmlattrxref("pubdate", "time")}} Attribut des {{HTMLElement("time")}} nicht mehr Teil des W3C HTML 5 Standards ist.
| Inhaltskategorien | Fließender Inhalt, unterteilender Inhalt, greifbarer Inhalt. |
|---|---|
| Permitted content | Fließender Inhalt. |
| Tag Auslassung | {{no_tag_omission}} |
| Permitted parent elements | Jedes Element, das Formulierungsinhalt akzeptiert. Beachte, dass ein <article> Element kein Nachfahre eines {{HTMLElement("address")}} Elements sein darf. |
| DOM Schnittstelle | {{domxref("HTMLElement")}} |
Attribute
Dieses Element schließt nur globale Attribute ein.
Beispiel
<article class="film_review">
<header>
<h2>Jurassic Park</h2>
</header>
<section class="main_review">
<p>Dinos waren super!</p>
</section>
<section class="user_reviews">
<article class="user_review">
<p>Viel zu beängstigend für mich.</p>
<footer>
<p>
Geschrieben am <time datetime="2016-05-16 19:00">16. Mai</time> von Lisa.
</p>
</footer>
</article>
<article class="user_review">
<p>Ich stimme zu, Dinosaurier sind meine Lieblinge!</p>
<footer>
<p>
Geschrieben am <time datetime="2016-06-17 19:00">17. Mai</time> von Tom.
</p>
</footer>
</article>
</section>
<footer>
<p>
Geschrieben am <time datetime="2016-05-15 18:00">15. Mai</time> von Staff.
</p>
</footer>
</article>
Spezifikation
| Spezifikation | Status | Kommentar |
|---|---|---|
| {{SpecName('HTML WHATWG', 'sections.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')}} |
Browser Kompatibilität
{{CompatibilityTable}}
| Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 5 | {{CompatGeckoDesktop("2.0")}} | 9.0 | 11.10 | 4.1 |
| Merkmal | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Grundlegende Unterstützung | 2.2 | {{CompatGeckoMobile("2.0")}} | 9.0 | 11.0 | 5.0 (iOS 4.2) |
Siehe auch
- Andere unterteilungsbezogene Elemente: {{HTMLElement("body")}}, {{HTMLElement("nav")}}, {{HTMLElement("section")}}, {{HTMLElement("aside")}}, {{HTMLElement("h1")}}, {{HTMLElement("h2")}}, {{HTMLElement("h3")}}, {{HTMLElement("h4")}}, {{HTMLElement("h5")}}, {{HTMLElement("h6")}}, {{HTMLElement("hgroup")}}, {{HTMLElement("header")}}, {{HTMLElement("footer")}}, {{HTMLElement("address")}}
- Bereiche und Gliederungen eines HTML5 Dokuments
{{ HTMLRef }}