使用html5为图像添加标题的正确方法是什么

Question

我正在尝试找出正确的方法来显示带有图像的标题，这里的内容很有意义jfiddle link但我也看着图形和图形看起来更好地服务于目的，我更喜欢ie ：

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

我正在为博客新闻帖子建立一个模板，所以无论是重要的还是正确使用我缺少的figcaption？

Answer 1

我会使用<figure>方法，因为它比div / span示例具有更多的语义含义。

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

相关，虽然关于blockquotes，http://alistapart.com/blog/post/more-thoughts-about-blockquotes-than-are-strictly-required

Answer 2

我还将建议使用use元素为Image显示适当的标题。 点击here查看演示。

有关为图像添加字幕的更多选项，请访问http://jkorpela.fi/www/captions.html