段落标记在打开时自行关闭

Question

我正在处理website的新闻部分以及使用以下代码：

<p id="news-container">
  <h1> . . . </h1>
  <strong>big</strong> . . . . 
</p> 

在检查我遇到的问题时，它似乎解析为：

<p id="news-container"></p>
  . . . same stuff
<p></p>

在父类中没有额外的段落标记，并且没有使用PHP进行额外的解析，因为在检查页面源时它看起来应该是它应该是，但是当元素检查时它被解析那样，任何想法？

PS ：我尝试将整个段落标记放在一个集合中但不能解决问题。
PPS ：我正在使用 SCSS 作为我的CSS编译器，虽然不能搞砸段落吗？

Answer 1

段落是块级别，当它遇到另一个块级元素（在这种情况下为H1）时，浏览器的解析器会自动关闭。

您在检查器中看到的是空段被关闭。

Answer 2

  

段落标记在打开时自行关闭

没有

遇到<h1>开始代码时，该段落已关闭。

禁止在段落中包含标题，并且段落的结束标记是可选的。

请参阅the specification并特别注意＆＃34;内容模型＆＃34;和＆＃34;标记省略的文字/ html＆＃34;部分。

您的内容看起来更像是<header>，<section>或<article>，而不是<p>。

Answer 3

<p>除<span>和其他文字格式标签外，不应该是父元素。

有时浏览器（例如Chrome）在渲染时会关闭段落，如果在其中打开了另一个元素。