タグ article

タグ article は、独立した自己完結型のサイトブロックを対象としており、 単独のページとして使用することができます。

例えば、記事サイトの場合、 記事をこのタグ内に配置することができます。 ユーザーのコメントがある場合、 それぞれのコメントをこのタグ内に配置できます。

また、サイトのコンテンツ用の main タグがある場合、 article は main 内に配置できますが、その逆はできません。

例

記事テキストを article タグで構成します：

html<div id="wrapper">
  <header>
    ...
  </header>
  <main>
    <article>
      <h1>見出し</h1>
      <p>
        テキスト
      </p>
      <p>
        テキスト
      </p>
    </article>
  </main>
  <footer>
    ...
  </footer>
</div>
 

例

投稿を article タグで構成します：

html<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>
 

関連項目