HTML 入門

文書の構造を作ろう

section と article を使う

ページの中に現れる「見出し」と「段落」を論理的にまとめて意味づけする際には汎用的な <section> が利用できます．

index.html（抜粋）コピー
<section>
  <h2>HTML の雛形</h2>
  <p>雛形について説明する本文です．．．</p>
</section>
<section>
  <h2>タグの基礎知識</h2>
  <p>タグの基礎知識について説明する本文です．．．</p>
</section>

一方でブログに投稿された一つひとつの記事など，独立した内容は <article> を利用すると良いでしょう．

index.html（抜粋）コピー
<article>
  <h2>4月のお知らせ</h2>
  <p>春のお知らせ本文です．</p>
</article>
<article>
  <h2>10月のお知らせ</h2>
  <p>秋のお知らせ本文です．</p>
</article>

目次に戻る