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 标签。我的电脑出故障了吗?
有一组固定的元素,属于短语内容类别,可以是元素的子<p>元素:
措辞内容是文档的文本,以及在段落内标记该文本的元素。连续的措辞内容形成段落。
Run Code Online (Sandbox Code Playgroud)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
<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 标记了此错误。)
| 归档时间: |
|
| 查看次数: |
2143 次 |
| 最近记录: |