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

Question

我正在尝试找出正确的方法来显示带有图像的标题，像这里这样的东西是有意义的jfiddle 链接，但我也在看图和 figcaption，它们似乎更好地服务于目的，我更喜欢即：

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

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

score 17 · Accepted Answer

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

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

score 0 · Accepted Answer

我还建议使用元素为图像显示适当的标题。点击这里查看演示。

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

2 回答 2