HTML Tag Reference
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 | ○ |