<article>: ARTICLE 要素
最終更新：2026-10-13
<article>ARTICLE 要素
ニュース記事・ブログ投稿・コメント・カードなど、自己完結して配布可能なコンテンツのまとまりを表します。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | フローコンテンツ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </article> タグ |
| ステータス | 標準 |
📝 構文
<article>記事の内容</article>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <article> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： 入れ子の article は通常コメントを表します。フィードやRSS配信に適しています。
❓ よくある質問
Qarticle と section の違いは何ですか？
A
<article> は「独立して配信できる完全な内容」（ブログ記事・ニュース・コメント・商品カード）です。<section> は「文書内のテーマごとのグループ」で、文脈を離れると意味が薄れます。判断基準：その内容だけを RSS リーダーに入れて成立するか？成立するなら article です。Qarticle の中に article を入れ子にできますか？
Aできます。仕様は入れ子を許しています。外側の
<article> が本文（ブログのエントリーなど）、内側の <article> がそれに関連する独立した内容（読者のコメントなど）を表し、各階層が「独立して成立する」という意味を保ちます。Qarticle には必ず見出しが必要ですか？
A強く推奨されます。各
<article> は理想的には h1-h6 の見出しで始めるべきです。スクリーンリーダーや検索エンジンが内容のテーマを識別しやすくなり、見出しがないと「独立して成立する」という意味が生かせません。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
