Html 如何在<;中为图像添加标题;p>;当处于<;p>;只允许内联元素?

Html 如何在<;中为图像添加标题;p>;当处于<;p>;只允许内联元素?,html,image,formatting,semantics,semantic-markup,Html,Image,Formatting,Semantics,Semantic Markup,这对我来说是新的: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'

这对我来说是新的: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源代码的语义会丢失


我不知道我能做什么:\n我找到的所有解决方案都使用块元素,如table、div、figure等。

您可以将
替换为
,然后使用
display:block
仍然是一个内联元素(即使它看起来像块级元素),因此通过了HTML验证

您可以将
替换为
,并设置
显示:块,在不使用块元素的情况下实现相同的效果。谢谢,这是个好主意。你为什么不把它写下来作为答案呢?:)