article
各スニペット (つまり、ニュース ティーザー) を使用します。
それぞれarticle
にh1
、見出しのimg
要素、画像の要素、およびp
テキストの要素が含まれています。
おそらくフルバージョンにリンクしたいので、すべての要素を 1 つのa
要素 (HTML5 で許可されています) で囲むか、見出しなどだけで囲むことができます。
したがって、次のようになります。
<article>
<h1><a href="" title=""><!-- news title --></a></h1>
<img src="" alt="" />
<p><!-- news description --></p>
</article>
figure
この画像自体に別のキャプションが必要な場合にのみ使用してください。ニュースの説明 (ここでは に含まれていますp
) は通常、その画像のキャプションではありません。
子の順序を変更できますarticle
。セクション要素の機能のおかげで、見出しが最初の要素である必要はありません。
を使用できますがul
、必須ではありません。ol
ただし、順序がコンテンツを理解する上で本当に意味がある場合にのみ使用してください (つまり、順序が異なるとドキュメントの意味が変わる場合)。典型的な例: アイテムが関連性によってランク付けされている場合 (たとえば、最も関連性の高いティーザーが一番上にある場合)、 を使用する必要がありますol
。
ティーザーが必要かどうかの質問についてarticle
:
article
(HTML5 要素) を「記事」(英語) という用語と混同しないでください。「記事」という用語の理解とは必ずしも関係のないarticle
別の定義があります。
ティーザーも である必要がありますarticle
– ティーザーarticle
とフルテキストarticle
は異なる article
ですが、同じエンティティを参照しています。