How to write "archive page" or "category index" using html5?

Question

I have a list of links where each element is associated with a brief description and some meta-information like pubdate, author, etc. How do I tag this in html5?

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

Do you find it appropriate to use sections / articles?

Or are simple <li> better?

Article or section?

IMPORTANT NOTE: each element does not contain the full content (article), just a short description and a link to the page that actually contains the article.

I am also interested in the SEO point of view!

Answer 1

I would suggest using article here, since each element is a separate object in itself and can be syndicated (for example, in an RSS feed). I wrote a little about this a while ago: HTML5: section or article? .

You also do not need to use the list here, since each article can be considered as an element of the list.

I would also suggest using the time element to include the published date of each entry.

As for SEO, what I suggested is good, as is the sample code that you posted.