Revision 1023814 of <article>

<h2 id="Übersicht">Übersicht</h2>

<p>Das <a href="/de/docs/Web/HTML">HTML</a><em> <code>&lt;article&gt;</code></em> 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 <em><code>&lt;article&gt;</code></em> Element sollte identifiziert werden, üblicherweise durch Hinzufügen einer Überschrift (<a href="/de/docs/Web/HTML/Element/Ueberschriften_Elemente"><code>&lt;h1&gt;</code>-<code>&lt;h6&gt;</code></a> Element) als Kind des <em><code>&lt;article&gt;</code></em> Elements.</p>

<div class="note">
<p><strong>Hinweis zur Benutzung:</strong></p>

<ul>
 <li>Wenn ein <code>&lt;article&gt;</code> Element verschachtelt ist, stellt das innere Element einen Artikel bezogen auf das äußere Element dar. Zum Beispiel können die Kommentare eines Blogeintrags <code>&lt;article&gt;</code> Elemente innerhalb des <code>&lt;article&gt;</code> Elements sein, das den Blogeintrag repräsentiert.</li>
 <li>Autoreninformationen eines <code>&lt;article&gt;</code> Elements können durch das {{HTMLElement("address")}} Element angegeben werden, was jedoch nicht auf verschachtelte <code>&lt;article&gt;</code> Elemente zutrifft.</li>
 <li>Das Veröffentlichungsdatum und die -uhrzeit eines <code>&lt;article&gt;</code> Elements können durch das {{htmlattrxref("pubdate", "time")}} Attribut des {{HTMLElement("time")}} Elements angegeben werden.</li>
</ul>
</div>

<table class="properties">
 <tbody>
  <tr>
   <th scope="row"><a href="/de/docs/Web/Guide/HTML/Inhaltskategorien" title="HTML/Content_categories">Inhaltskategorien</a></th>
   <td><a href="/de/docs/Web/Guide/HTML/Inhaltskategorien#Flie%C3%9Fender_Inhalt" title="HTML/Content categories#Flow content">Fließender Inhalt</a>, unterteilender Inhalt, greifbarer Inhalt.</td>
  </tr>
  <tr>
   <th scope="row">Permitted content</th>
   <td><a href="/de/docs/Web/Guide/HTML/Inhaltskategorien#Flie%C3%9Fender_Inhalt" title="HTML/Content_categories#Flow_content">Fließender Inhalt</a>.</td>
  </tr>
  <tr>
   <th scope="row">Tag Auslassung</th>
   <td>{{no_tag_omission}}</td>
  </tr>
  <tr>
   <th scope="row">Permitted parent elements</th>
   <td>Jedes Element, das <a class="new" href="https://developer.mozilla.org/de/docs/Web/Guide/HTML/Inhaltskategorien#Formulierungsinhalt">Formulierungsinhalt</a> akzeptiert. Beachte, dass ein <code>&lt;article&gt;</code> Element kein Nachfahre eines {{HTMLElement("address")}} Elements sein darf.</td>
  </tr>
  <tr>
   <th scope="row">DOM Schnittstelle</th>
   <td>{{domxref("HTMLElement")}}</td>
  </tr>
 </tbody>
</table>

<h2 id="Attribute">Attribute</h2>

<p><span style="line-height:21px">Dieses Element schließt nur </span><a href="https://developer.mozilla.org/de/docs/Web/HTML/Globale_Attribute" style="line-height: 21px;" title="HTML/Global attributes">globale Attribute</a><span style="line-height:21px"> ein.</span></p>

<h2 id="Beispiel">Beispiel</h2>

<pre class="brush: html">
&lt;article&gt;
  &lt;h4&gt;Ein wirklich fantastischer Artikel&lt;/h4&gt;
  &lt;p&gt;Viel toller Text.&lt;/p&gt;
&lt;/article&gt;
</pre>

<h2 id="Spezifikation" name="Spezifikation">Spezifikation</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">Spezifikation</th>
   <th scope="col">Status</th>
   <th scope="col">Kommentar</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('HTML WHATWG', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML WHATWG')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5.1', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5.1')}}</td>
   <td>&nbsp;</td>
  </tr>
  <tr>
   <td>{{SpecName('HTML5 W3C', 'sections.html#the-article-element', '&lt;article&gt;')}}</td>
   <td>{{Spec2('HTML5 W3C')}}</td>
   <td>&nbsp;</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_Kompatibilität">Browser Kompatibilität</h2>

<p>{{CompatibilityTable}}</p>

<div id="compat-desktop">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Merkmal</th>
   <th>Chrome</th>
   <th>Firefox (Gecko)</th>
   <th>Internet Explorer</th>
   <th>Opera</th>
   <th>Safari</th>
  </tr>
  <tr>
   <td>Grundlegende Unterstützung</td>
   <td>5</td>
   <td>{{CompatGeckoDesktop("2.0")}}</td>
   <td>9.0</td>
   <td>11.10</td>
   <td>4.1</td>
  </tr>
 </tbody>
</table>
</div>

<div id="compat-mobile">
<table class="compat-table">
 <tbody>
  <tr>
   <th>Merkmal</th>
   <th>Android</th>
   <th>Firefox Mobile (Gecko)</th>
   <th>IE Mobile</th>
   <th>Opera Mobile</th>
   <th>Safari Mobile</th>
  </tr>
  <tr>
   <td>Grundlegende Unterstützung</td>
   <td>2.2</td>
   <td>{{CompatGeckoMobile("2.0")}}</td>
   <td>9.0</td>
   <td>11.0</td>
   <td>5.0 (iOS 4.2)</td>
  </tr>
 </tbody>
</table>
</div>

<h2 id="Siehe_auch">Siehe auch</h2>

<ul>
 <li>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")}}</li>
 <li class="last"><a class="deki-ns current" href="/de/docs/Bereiche_und_Gliederungen_eines_HTML5_Dokuments" title="Sections and Outlines of an HTML5 document">Bereiche und Gliederungen eines HTML5 Dokuments</a></li>
</ul>

<p>{{ HTMLRef }}</p>