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

Question

我正在尝试找出显示带有图像的标题的正确方法，像这里这样的jfiddle link是有道理的，但我也在查看 figure 和 figcaption 这似乎更好地达到了目的，我更喜欢 ie：

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

我正在为博客新闻帖子构建模板，所以无论哪种方式都很重要，或者我缺少的 figcaption 是否有正确的用法？

Answer 1

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

<figure class="image">
  <img src="http://[..]" />
  <figcaption>I am an image caption</figcaption>
</figure>

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

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

Answer 2

我还建议使用元素向图像显示适当的标题。 单击此处查看演示。

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