22

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

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

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

4

2 回答 2

17

我会使用该<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

于 2013-05-17T10:10:59.810 回答
0

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

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

于 2018-08-07T12:07:31.643 回答