タグ article
タグ article は、独立した自己完結型のサイトブロックを対象としており、
単独のページとして使用することができます。
例えば、記事サイトの場合、 記事をこのタグ内に配置することができます。 ユーザーのコメントがある場合、 それぞれのコメントをこのタグ内に配置できます。
また、サイトのコンテンツ用の main タグがある場合、 article は
main 内に配置できますが、その逆はできません。
例
記事テキストを article タグで構成します:
<div id="wrapper">
<header>
...
</header>
<main>
<article>
<h1>見出し</h1>
<p>
テキスト
</p>
<p>
テキスト
</p>
</article>
</main>
<footer>
...
</footer>
</div>
例
投稿を article タグで構成します:
<div id="wrapper">
<header>
...
</header>
<main>
<h1>新しい投稿</h1>
<article>
<h2>投稿 1</h2>
<p>
テキスト
</p>
<p>
テキスト
</p>
</article>
<article>
<h2>投稿 2</h2>
<p>
テキスト
</p>
<p>
テキスト
</p>
</article>
</main>
<footer>
...
</footer>
</div>