段落标签未关闭?

And*_* Hu 3 html firefox intellij-idea

我将我的 html 代码简化为这样

<!doctype html>
<body>
<div class="index-div">
    <p id="whoarewe">
        <h2>Who are we?</h2>
        wersfgse
    </p>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

但是,当我运行它并打开页面源代码时,它显示“范围内没有 p 元素,但看到 ap 结束标记”。它运行良好,但由于某些奇怪的原因,Intellij Idea 和 Firefox 都将其显示为不必要的 /p 标签。我的电脑出故障了吗?

编辑:Chrome 说没问题 看看看看

rai*_*7ow 5

有一组固定的元素,属于短语内容类别,可以是元素的子<p>元素:

措辞内容是文档的文本,以及在段落内标记该文本的元素。连续的措辞内容形成段落。

a abbr area (if it is a descendant of a map element) audio b bdi bdo br button 
canvas cite code data datalist del dfn em embed i iframe img input ins
kbd keygen label map mark math meter noscript object output 
progress q ruby s samp script select small span strong sub sup svg
template textarea time u var video wbr Text
Run Code Online (Sandbox Code Playgroud)

<h2>元素和许多其他块级元素一样,不属于这里。在这种情况下,<p>元素会自动关闭。引用文档

如果 p 元素后面紧跟着address, article, aside, blockquote, div, dl, fieldset, , footer, form, , h1, h2, h3, h4, h5, h6, , , , , , , , , header,或, 元素,或者如果有,则可以省略p 元素的结束标记父元素中不再有内容,并且父元素不是 a 元素。hgrouphrmainnavolppresectiontableul

在这种特殊情况下,DOM 的结构如下:

<p id="whoarewe"></p>
<h2>Who are we?</h2>
wersfgse
</p>
Run Code Online (Sandbox Code Playgroud)

...而且,正如您所看到的,结束标签并不受欢迎。实际上,您应该感谢 Firefox DOM Inspector 标记了此错误。)