section要素・article要素

section

・一般的な章や節を表す。見出しと、それに付随するコンテンツのセットをくくる。
・sectionの後に必ずｈ(見出し)やp(本文）等が配置され、sectionと見出し等は必ずセットになる。
・これまでブロックを表す為に利用していたdiv要素の代わりとなる。

HTML

<section>
<h1>大見出し</h1>
<p>本文</p>
</section>

article

・おもに1つのブロック記事やニュース記事全体を囲む為に使う。
・sectionの様にコンテンツから見て一部の章や節に使う訳ではない。

HTML

【article要素を使ったマークアップ】

<section>
<h1>新着記事</h1>
<article>
  <h1>記事その１</h1>
  <p>記事の本文</p>
</article>
<article>
  <h1>記事その２</h1>
  <p>記事の本文</p>
</article>
</section>