<figcaption>: FIGCAPTION 要素
最終更新：2026-10-13
<figcaption>FIGCAPTION 要素
figure のキャプション（説明）を提供します。figure の最初または最後の子要素でなければなりません。
| カテゴリ | セマンティック |
|---|---|
| コンテンツモデル | figure の最初/最後の子要素のみ |
| 許可される親要素 | フローコンテンツを受け入れる要素 |
| 閉じタグ | 必要 </figcaption> タグ |
| ステータス | 標準 |
📝 構文
<figcaption>キャプション</figcaption>▶ サンプル
下のコードを編集して、playground でリアルタイム結果を確認：
🌐 ブラウザサポート
| ブラウザ |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| <figcaption> | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| すべての主要ブラウザでサポート | |||||
ヒント： figcaption は figure 内でのみ使います。装飾のみの画像では省略します。
❓ よくある質問
Qfigcaption は figure の先頭か末尾に置かなければなりませんか？
Aはい。仕様では
<figcaption> は <figure> の最初または最後の子要素としてのみ置けます。それは「図表の説明文」の役割で、画像・コード・表とひとまとまりの説明付きユニットを作ります。Qfigcaption なしの figure は正当ですか？
A正当です。
<figcaption> は省略可能で、<figure> 自体は「独立して参照できる内容ユニット」を意味するので、説明文がなくても構いません。ただし内容に説明が必要なら追加するのがおすすめです。SEO とアクセシビリティの両面で得になります。Qfigcaption と img の alt は何が違いますか？
A
alt は画像が表示できないときの代替テキストで、スクリーンリーダーの中核情報になるため簡潔に書きます。<figcaption> は目に見える説明文で、より長く詳しくできます。両者は補完関係です。alt は「何の画像か」を、figcaption は「なぜこの図を置くのか」を説明します。🏷️ 関連タグ
💡 関連ケース
今後さらにケーススタディを追加予定です。
📚 関連チュートリアル
