<article>〜</article>

article（アーティクル）要素は文書内の独立（自己完結）した記事セクションを表します。

article 要素は文書内の独立した記事セクションを表します。例えば、ニュースサイトや Blog サイトにおける各記事や、それに付随するコメントなども独立した記事セクションと考えられます。

article要素が入れ子になる場合、子孫となる article 要素は、先祖にあたる article要素の内容に関連した記事を表すことになる。これは記事に対して投稿されたコメントなどを article要素でマークアップする際などが該当する。

article要素で使用できる属性

グローバル属性

すべてのHTML要素で使用できる属性になります。

使用例

<article>
 <header>
  <h1>栃木県塩原温泉、福島県、茨城県旅行</h1>
  <p><time datetime="2024-09-14+09:00">公開日： 2024年09月14日</time></p>
 </header>
 <p>友人と二人で二泊三日の旅行に行ってきました。</p>
 <p><time datetime="2024-08-15+0:9:00">2024年08月15日</time>（木）深夜に出発しました。</p>
 <p>16日（金）に塩原温泉から福島県の会津若松まで行き、16日（金）は福島県石川郡石川町に宿泊しました。</p>
 <footer>
  <address>
   著者： <a href="mailto:hoge@example.com">東京一郎</a>
  </address>
 </footer>
</article>

表示