我的p標籤沒有完成它的工作

Question

讓我們切入正題。這是一段代碼，是給我找麻煩：

<p id="mainBlock"> 
    <img src="/icons/128x128.png" id="icon"> 
    <h3>App name</h3> 
    <span id="version"></span> 
</p> 
<p>Description</p> 

http://jsfiddle.net/DerekL/0pd7njbr/

看起來不錯給我。但是，當我嘗試在Chrome瀏覽器，這是我在控制檯中看到：

這不是正確的標記！注意<p>搞砸了。我一直在看這一段時間，但仍然看不到是什麼原因造成的。

_{我不能相信我提出了一個問題，爲什麼我的p標籤不工作。}

Answer 1

p元素不得包含標題，包括h3元素。

p元素的結束標記是可選的，因此p元素由h3開始標記隱式結束。

Answer 2

它不適合在p標籤內添加標題標籤，這可能是您爲什麼會遇到這個問題。看這裏：How to use an <h2> tag </h2> inside a <p></p> in the middle of a text?