web-dev-qa-db-ja.com

HTML5を使用して画像にキャプションを追加する正しい方法は何ですか

私は画像付きのキャプションを表示する正しい方法を模索しています、ここにあるようなものは理にかなっています jfiddle link しかし、私は図とfigcaptionも見ていますつまり：

<figure>
<img src="/animage.jpg" alt="an image">
<figcaption>This is the caption</figcaption>
</figure>

私はブログのニュース投稿のテンプレートを作成していますので、どちらの方法でも問題ありませんか、それとも不足しているfigcaptionの正しい使用法はありますか？

csshtmlimagecaption
22
Bradz

<figure>メソッドは、div/spanの例よりもセマンティックな意味を持つためです。

http://jsfiddle.net/duncan/KYTWS/

関連、ただしブロッククォートについて http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required

17
Duncan Beattie

また、要素を使用して画像に適切なキャプションを表示することをお勧めします。 こちら をクリックしてデモをご覧ください。

画像にキャプションを追加するその他のオプションについては http://jkorpela.fi/www/captions.html

0
Sagar Shinde