为什么<img>标签周围会出现<p>标签？

Question

我有这个：

<p>
    <img src="media/icons/info_ticket.png"></img>
    <h3>Ticket #TKMA<span><?php echo $_GET['CRy3sjzZOJyXE']; ?></span></h3>
</p>

当我应用CSS来改变的样式时，它不起作用！所以，我检查了元素，发现了这个：

<p>
    <img src="media/icons/info_ticket.png">
</p>
<h3>Ticket #TKMA<span>17</span></h3>
<p></p>

我不明白为什么会发生这种情况。

- SoldierCorp

---

<h3>是一个块级元素，不应该出现在<p>标签内。 - Marc B

好的，4个答案完全相等，为什么不直接点赞第一个发布的呢？ - Toping

@ryan :( 这是真实而令人悲伤的，人们尽可能快地回答问题，然后再根据问题进行更改，这是“第一次”综合症。 - Toping

@SoldierCorp 哈哈，继续前进，他们做得很好，他们值得拥有它，以后最好这样做。我也会点赞的。 - Toping

@Ark，哈哈。尽管如此，我的从未被修改过。一个简单的问题需要一个简单明了的解释，那就是我采取的方法;)。 - Dennis Rongo

Answer 1

由于您的HTML无效。 <p>元素只能包含短语内容。

请参见可以嵌套在P元素中的HTML5元素列表？

- Matt Ball

---

^^是第一个回应的，并列出了最多的资源。 - Ryan

为什么这段代码在验证器页面 http://html5.validator.nu/ 上能够正确验证通过呢？ <p>Hello world<em>Test</em><img src="http://google.com/asd/cp" alt="Description"/></p> - Gabriel Rodriguez

Answer 2

原因是因为，在

元素中嵌套H元素是无效的，所以浏览器会将其移出。

- Dennis Rongo

Answer 3

由于在

标签内包含

标签是无效的html格式，因此浏览器会自动进行更正。

- Forty-Two

Answer 4

<p>标签内部不允许使用<h3>标签。您的编辑器会将标题移到段落外，只保留图像在段落内。

- Nate Hekman