html5で「アーカイブページ」または「カテゴリインデックス」を作成するにはどうすればよいですか？

Question

私はリンクリストを持っています。すべての項目は簡単な説明とpubdate、authorなどのいくつかのメタ情報に関連付けられています。 html5でどのようにマークアップする必要がありますか？

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

セクション/記事を使用することをお勧めしますか？

または<li>の方が良いですか？

記事またはセクション？

重要事項：すべての項目には完全な内容（記事）、短い説明、実際に記事が含まれているページへのリンクは含まれていません。

私はSEOの観点にも興味があります！

Answer 1

ここではarticleを使用することをお勧めします。それぞれの項目は独自のエンティティであり、（RSSフィードなどで）シンジケートすることができるからです。私は少し前にこれについて少し書いた：HTML5: Section or Article?。

articleはリスト項目と見なすことができるので、ここではリストを使用する必要はありません。

time要素を使用して、各エントリの公開日を囲むこともお勧めします。

私が提案したことは、あなたが投稿したサンプルコードのように、私が提案したことです。