将img标签放在p标签中有什么好的效果?完全正确吗?

时间:2019-05-05 20:09:17

标签: html

我不明白为什么有些人将图片标签放在p标签内... 有什么好处吗?

<p>
<img src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >

</p>

3 个答案:

答案 0 :(得分:2)

这完全取决于相关页面。有时它可能很有用,以便它继承p标签的样式或位置。您总是可以使用其他CSS规则完成此操作,但有时只需在其周围放一个p标记会更容易。

答案 1 :(得分:0)

对于要在页面上或div中居中放置图像的情况很有用。也许有更好的方法可以实现这一目标,但是您可以执行以下操作:

<p style="width:100%; text-align:center;">
<img style=" height:300px; width:300px; float:none; margin:auto;" src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >
</p>

如果您删除了<p></p>,则图像将不再居中。

<img style=" height:300px; width:300px; float:none; margin:auto;" src="https://i.pinimg.com/originals/e7/36/58/e736580683c04f5df858b0f1bbba6344.jpg" style="width:300px;height:300px" >

答案 2 :(得分:0)

<p>(段落)元素用于文本块。
它的子节点可以是text节点,理想情况下可以是inline节点(例如:<span><a>等)。

另外

在段落中,我们还可以在文本中包含相关图像,因此从技术的角度来看,在段落中添加<img>元素也是“有效的”,但是判断图像是否合理可能会比较棘手是该段的唯一元素。通常,在这些情况下,图像元素设置为float: [left, right];,以使文本能够在它们周围流动,但这仍然是优先选择的问题。

回答您的问题

<img>元素嵌套在<p>内是技术上有效的html代码;但这可能在语义上不准确(取决于具体情况)。