web-dev-qa-db-ja.com

ブログのホームページで<article>タグを使用する方法は？

ブログのホームページに、img、タイトル、日付、各投稿の簡単な要約またはイントロがあります。次に、別のページの全文へのリンク。ブログのホームページで<article>タグをどのように使用すべきかわかりません。

  1. 各投稿にarticleを使用する必要がありますか？ （ここに全文がないことを思い出してください）
  2. articleを使用するべきではありませんか？おそらく、各投稿にsectionのみを使用する必要がありますか？
  3. おそらくarticleはすべての投稿のグループであり、各投稿はsectionですか？

私が見つけたものを適用する方法がわかりません：

W3Cによる ： "<article>要素は、コンテンツの独立したアイテムセクションを表します"

w3schools says ：「タグは独立した自己完結型のコンテンツを指定します。記事はそれ自体で意味があり、サイトの他の部分から独立して配信できる必要があります。」

<div id="all">

<article id="1">
<img src="img-1.png" alt="alt of the img" > 
<h3>Title 1</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-1">More</a>
</article>

<article id="2">
<img src="img-2.png" alt="alt of the img" > 
<h3>Title 2</h3>
<div>Last update 2017-04-13</div>
<div class="text">Summary or introduction of the post</div>
<a class="more" href="post-2">More</a>
</article>

</div>
bloghtml5markuparticles
3
Nrc

コードサンプルでは、​​articleタグを正しく使用しています。基本的に、これはセマンティクスに関するものであり、変化する繰り返し可能な要素でコンテンツをグループ化するたびに使用できます。

完全に（かつ教育的に）正確にするには、すべてのmainタグの周りにarticleタグを使用して、記事の主なアイデア/グループ化関係を紹介しますが、私はそれをほとんど見ません。個人的に使用してください。

結局のところ、セマンティックマークアップは、より高度な検索エンジンスパイダーがコンテンツを分類するのに役立ちますが、他の多くのシグナルが関与しているため、通常、それを無視しても重大なペナルティは生じません。

1
JCL1178