哪种方式更好地构建图像标题？ [关闭]

Question

我正在实现带有标题的图像的HTML，我不确定构建标记的最佳方法是什么。

我不确定我是否应该使用附加了类的单独div，然后添加一个

与文字。

<div class="caption">
      <p>Lorem ipsum...</p>
    </div>

仅仅使用一个也可以解决问题的html标记元素 - 但是未来可能缺乏灵活性。

<p class="caption">Lorem ipsum...</p>

您方面的任何想法或建议？

Answer 1

在图像的HTML5中，您可以使用figure和figcaption：

<figure>
    <img src='image.jpg' alt='image alt' />
    <figcaption>Caption goes here</figcaption>
</figure>