<article> Tag - Seitenstrukturierung / Artikel

Definiert und bündelt den Inhalt, z.B. eines Artikel oder Blogposts:

<article>
    <header>
        <h1>Neues von eKiwi.de</h1> 
    </header> 
    <section> 
        <h2>Kapitel 1 - Einführung</h2> 
        <p>eKiwi.de hat seit Kurzem eine HTML-Referenz. Was sind die Inhalte?</p>
        <p>...</p> 
    </section> 
    <section> 
        <h2>Kapitel 2</h2> 
        <p>...</p> 
    </section> 
</article>

Online testen

Verwendung

Der article Tag definiert Inhalte, welche zusammen gehören, z.B. einen Artikel, einen Blogpost, News oder einen Kommentar. Er ist ein semantischer Tag, d.h. im Browser wird die Darstellung nicht beeinflusst. Er dient dazu Inhalte vom Rest der Seite abzugrenzen. Die Formatierung kann aber mit CSS erfolgen. Ein Artikel kann mit dem section Tag in verschiedene Unterbereiche unterteilt werden.

Darstellung

Neues von eKiwi.de

Kapitel 1 - Einführung

eKiwi.de hat seit Kurzem eine HTML-Referenz. Was sind die Inhalte?

...

Kapitel 2

...