dave: HTML5 - Artikelliste

Beitrag lesen

Hi,

wie wird eine Artikelliste in HTML5 korrekt ausgezeichnet?

<article>  
  <h1>Artikellistenüberschrift (z.B. Top 3 Artikel)</h1>  
  <ol>  
    <li>  
      <a href="link/zur/detailansicht">  
        <article>  
          <h1>Artikelüberschrift</h1>  
          <p>Teasertext</p>  
        </article>  
      </a>  
    </li>  
    <li>  
      <a href="link/zur/detailansicht">  
        <article>  
          <h1>Artikelüberschrift</h1>  
          <p>Teasertext</p>  
        </article>  
      </a>  
    </li>  
    <li>  
      <a href="link/zur/detailansicht">  
        <article>  
          <h1>Artikelüberschrift</h1>  
          <p>Teasertext</p>  
        </article>  
      </a>  
    </li>  
  </ol>  
</article>

Oder sollten die inneren article-Elemente lieber section-Elemente sein?
Oder ganz wegfallen und dafür h2 anstelle der h1?
Oder das äußere lieber ein section?

Und was ist wenn ich keine Artikellistenüberschrift haben will?
Dann hätte ich, wenn ich das h1-Element einfach weglasse, eine untitled-Section. Ist dann das äußere article-Element falsch?

Das Ganze ist zwar keine div-Suppe, ist ja kein einziges div dabei, aber irgendwie wirkt das auf mich schon sehr tief verschachtelt.

Im Buch zu HTML5 von Peter Kröner (ISBN 978-3-937514-97-0) ist so etwas ähnliches nur ohne das ol- und die li-Elemente. Das wirkt auf mich aber irgendwie falsch…

Wie macht ihr in HTML5 Artikellisten?
Bitte mit Erklärungen, warum ihr wo welches Element habt …

~dave