<article> - アーティクル

• トップ
• HTMLリファレンス
• <article>

• 概要
• 説明
• 属性
• 使用例
• 関連項目
• リンク

概要

形式

<article>～</article>

サポート

https://caniuse.com/mdn-html_elements_article

カテゴリ

フローコンテンツ
セクショニングコンテンツ
パルパブルコンテンツ

親要素

フローコンテンツ を子要素に持てるもの

子要素

フローコンテンツ

タグの省略

開始タグ:必須 / 終了タグ:必須

属性

グローバル属性

説明

フォーラムへの投稿、雑誌や新聞の記事、ブログエントリ、ユーザ投稿コメント、インタラクティブなウィジェットやガジェットなど、ドキュメント、ページ、アプリケーション、サイトの中における、完全自己完結型の記事を示します。

ブログエントリのユーザーコメントがブログエントリの内容に関連しているように、article要素が入れ子になっている場合、内側の article要素は、外側の article要素のコンテンツに関係したものとなります。

article要素中の作者情報(<address>)は、親の article要素には適用されません。

属性

グローバル属性

詳細は グローバル属性 を参照してください。

使用例

<article>
  <header>
    <h1>HTML5に対応しました</h1>
    <div><time>2011-06-12 10:28</time></div>
  </header>
  <p>HTMLリファレンスをHTML5に対応させました。</p>
  <section>
    <h2>コメント</h2>
    <article>
      <h3>ようやく</h3>
      <header>
        <address>投稿者: 山田太郎</address>
        <div><time>2011-06-12 11:12</time></div>
      </header>
      <p>ようやく・・・ですねw</p>
    </article>
  </section>
  <footer>
     <address>Author: 杜甫々</address>
  </footer>
</article>

関連項目

• <section>
• <nav>
• <aside>
• <details>
• <header>
• <footer>

リンク

• https://html.spec.whatwg.org/multipage/sections.html#the-article-element
• https://developer.mozilla.org/ja/docs/Web/HTML/Element/article
• https://caniuse.com/mdn-html_elements_article