哪种方式更好地构建图像标题？

Question

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

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

和文本。

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

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

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

你有什么想法或建议吗？

Answer 1

在 HTML5 中，您可以使用图形和图形说明的图像：

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

which way is better to structure a image caption?