Ü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<address>
Element angegeben werden, was jedoch nicht auf verschachtelte<article>
Elemente zutrifft. - Das Veröffentlichungsdatum und die -uhrzeit eines
<article>
Elements können durch dasdate
Attribut des<time>
Elements angegeben werden. Beachte, dass daspubdate
Attribut des<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 | Keine, sowohl das Anfangs- als auch das End-Tag sind erforderlich. |
Permitted parent elements | Jedes Element, das Formulierungsinhalt akzeptiert. Beachte, dass ein <article> Element kein Nachfahre eines <address> Elements sein darf. |
DOM Schnittstelle | 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 |
---|---|---|
WHATWG HTML Living Standard Die Definition von '<article>' in dieser Spezifikation. |
Lebender Standard | |
HTML5.1 Die Definition von '<article>' in dieser Spezifikation. |
Arbeitsentwurf | |
HTML5 Die Definition von '<article>' in dieser Spezifikation. |
Empfehlung |
Browser Kompatibilität
Merkmal | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Grundlegende Unterstützung | 5 | 4.0 (2.0) | 9.0 | 11.10 | 4.1 |
Merkmal | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Grundlegende Unterstützung | 2.2 | 4.0 (2.0) | 9.0 | 11.0 | 5.0 (iOS 4.2) |
Siehe auch
Schlagwörter des Dokuments und Mitwirkende
Schlagwörter:
Mitwirkende an dieser Seite:
eluchsinger,
Sebastianz
Zuletzt aktualisiert von:
eluchsinger,