figcaption 要素figure 要素にキャプションを付与する
figcaption 要素はその親要素となる figure 要素の内容に、キャプションを付与します。
figure 要素の最初の子要素、もしくは最後の子要素として記述することが可能ですが、記述は任意です。figure 要素に画像が含まれていれば、その画像に対するキャプションを記述します。
figcaption 要素の仕様
figcaption 要素のサンプルソース
<!-- figure 要素の最後の子要素として記述した例 --> <figure> <img src="atami.jpg" alt="熱海で撮影した写真。海をバックに私と母が写っています。" /> <figcaption>家族で遊びに行った熱海でお母さんと写真撮りました。天気がよくて海がきれいです。</figcaption> </figure>
<!-- figure 要素の最初の子要素として記述した例 --> <figure> <figcaption>家族で遊びに行った熱海でお母さんと写真撮りました。天気がよくて海がきれいです。</figcaption> <img src="atami.jpg" alt="熱海で撮影した写真。海をバックに私と母が写っています。" /> </figure>
主要ブラウザの対応
| IE11 | ○ |
|---|---|
| Edge（EdgeHTML） | ○ |
| Edge（Chromium） | ○ |
| Chrome | ○ |
| Firefox | ○ |
| Safari | ○ |
| iOS Safari | ○ |
| Android Chrome | ○ |