Wie soll ich eine "Archivseite" oder einen "Kategorienindex" mit html5 schreiben?

Question

Ich habe eine Linkliste, wo jeder Artikel mit einer kurzen Beschreibung und einigen Meta-Informationen wie Pubdate, Autor usw. verbunden ist. Wie sollte ich das in html5 markieren?

<ul> 
    <li> 
     <section> .... OR ARTICLE? 
      <header> 
       <h1>title</h1> 
       pubdate, author, etc 
      </header> 
      shortdesc 
     </section> 
    </li> 
    .... repeat 
</ul> 

Denken Sie, es ist eine gute Idee, Abschnitte/Artikel zu verwenden?

Oder sind einfach <li> s besser?

Artikel oder Abschnitt?

WICHTIGER HINWEIS: Jeder Artikel enthält nicht den vollständigen Inhalt (Artikel), nur eine kurze Beschreibung und den Link zu der Seite, die den Artikel tatsächlich enthält.

Ich interessiere mich auch für eine SEO-Sicht!

Answer 1

Ich würde vorschlagen, article hier zu verwenden, da jedes Element eine separate Einheit für sich ist und syndiziert werden könnte (z. B. in einem RSS-Feed). Ich habe vor einiger Zeit darüber geschrieben: HTML5: Section or Article?.

Sie brauchen auch nicht wirklich eine Liste hier zu verwenden, da jeder article könnte als ein Listenelement gesehen werden.

Ich würde auch empfehlen, das time Element zu verwenden, um das veröffentlichte Datum jedes Eintrags zu umschließen.

Wie für SEO, was ich vorgeschlagen habe, ist in Ordnung, wie ist der Beispielcode, den Sie geschrieben haben.