在 中仅允许内联元素时，如何为 中的图像添加标题？答案

【问题标题】：How to add caption to images in when in only inline elements are allowed?在 中仅允许内联元素时，如何为 中的图像添加标题？
【发布时间】：2012-01-12 14:58:14
【问题描述】：

这对我来说是新的：在 HTML 中，  中只允许使用内联元素。那么如何在我的 HTML 段落中为图像制作标题呢？我有这个，但是它使用了一个div，这在中是不允许的：

<div class='image floatright' style='width:228px;margin:0 0 0 10px;'>
  <a rel='article' href='images/articles/comenius_logo.jpg' title=''>
    <img style='width:218px' src='images/articles/comenius_logo.jpg' alt='' />
  </a>
  Caption of the image
</div>

我可以将它放在段落之外，但它会在顶部，我并不总是想要。而且我也可以使用 div 代替段落，但是这样会丢失 html 源代码的语义。

我不知道我能做什么：\我发现的所有解决方案都使用块元素，如表格、div、图形等。

【问题讨论】：

您可以将<div> 替换为，并设置display:block;，以在没有块元素的情况下达到相同的效果。
谢谢，这是个好主意。你为什么不把它写成答案？ :)

标签： html image formatting semantics semantic-markup

【解决方案1】：

您可以将<div> 替换为，然后使用display:block; 对其进行样式设置。  仍然是一个内联元素（即使它看起来像一个块级元素），因此通过了 HTML 验证。

【讨论】：