article 要素 （HTMLタグ）

HTMLのarticle要素の説明です。article要素は、完結しているセクションを定義する要素です。

---

目次

1. 要素の記述例
   • 閲覧中ブラウザーでの表示結果
2. 要素の説明
3. 利用できる属性
   • グローバル属性
   • イベントハンドラ属性
4. ブラウザデフォルトCSS設定
   • Google Chromeの場合

要素の記述例

<article>
 <header>
  <h1>ブログの記事</h1>
  <p><time datetime="2013-06-12T10:30:42+09:00">公開日：2018年01月01日</time></p>
 </header>
 <p>これは本文</p>
 <footer>
  <address>著者：<a href="mailto:example@example.com">○○○</a></address>
 </footer>
</article>

閲覧中ブラウザーでの表示結果

 

要素の説明

• article要素は、完結しているセクションを定義する要素です（section要素は全体の一部となっているセクションで使用します）。
• article要素は、雑誌・新聞・ブログ・SNSの記事のような独立したコンテンツに対して使用します。
• article要素が入れ子になっている場合、子のarticle要素は親のarticle要素と関連していることを示しています。

 

利用できる属性

グローバル属性

HTMLのすべての要素はグローバル属性が利用できます。グローバル属性の一覧については「グローバル属性」を参照してください。

イベントハンドラ属性

article要素がサポートするイベントハンドラ属性については「イベントハンドラ属性」を参照してください。

 

ブラウザデフォルトCSS設定

Google Chromeの場合

article {
  display: block;
}