記事> p + time - 記事が短すぎるかどうか以下のためのマークアップを書く

Question

イム：

すべての記事のようなつぶやきやその短すぎを提示すると、私は、ULまたは何か他のものを使用する必要があり、正しいでしょうか？

<section> 
    <h1>Recent tweets</h1> 
    <article> 
     <p>I'm looking...</p> 
     <time>3 day ago</time> 
    </article> 
    <article> 
     <p>@mediatemple will ...</p> 
     <time>6 days ago</time> 
    </article> 
    <article> 
     <p>Corpora Business</p> 
     <time>10 days ago</time> 
    </article> 
</section> 

Answer 1

実際には関係ありません。 WHATWGはまだそれについてかなり曖昧です。私の問題はh1です。これはページ上の唯一のものですか？ページタイトルは「最近のつぶやき」ですか？もしそうなら、あなたは大丈夫です。しかし、私はこれが大きなページのプラグインのような感覚を得る。その場合は、セマンティック/アクセシビリティ上の理由から、低レベルのタグを使用することを検討してください。

Answer 2

はい、それはdefinitionに一致するように、各マイクロブログエントリは、articleすべきである：

article要素は、文書、ページ、アプリケーション、またはサイトに自己完結型組成を表し、すなわち原則として、は独立して配布可能または再利用可能です、例えばシンジケーションでこれは、フォーラム投稿、雑誌や新聞記事、ブログの投稿、ユーザーが投稿したコメント、インタラクティブなウィジェットやガジェット、その他の内容の独立した項目です。

あなたがそれらを一覧表示できul /（または、コンテキストに応じて、ol）も、必要に応じて/適切な：

<section> 
    <h1>Recent tweets</h1> 
    <ul> 
    <li><article>…</article></li> 
    <li><article>…</article></li> 
    <li><article>…</article></li> 
    </ul> 
</section> 

あなたは、著者のような（メタデータを含めるようにしたいと思う場合名前）では、footer要素を使用する必要があります。そこにあなたのtime要素も配置する必要があります。著者名と連絡できるプロフィールに著者名がリンクされている場合は、article要素を使用し、ページ全体ではなく、article要素をマイクロブログに使用するもう1つの理由がありますエントリ）。

<article> 
    <p>…</p> 
    <footer> 
    <time>…</time> 
    </footer> 
</article>