作为父母的p标签越来越奇怪了

Question

我使用p标签作为父级并在其中添加少量元素。但问题是，当你查看检查代码时，p标签是单独显示的，而不是将孩子放在里面。

她是html

<div class="createapp_div">
                 <p><h1>Select</h1> <button class=""></button> <button class=""></button></p>
                 <p><span>Name</span> <input type="text" /></p>
                <button>Create</button>
            </div>

FIDDLE

Answer 1

说明

p DOM元素只能包含内嵌元素。 （MDN）（W3C HTML5）

  

开始标记是必需的。如果<p>元素后面紧跟<address>，<article>，<aside>，<blockquote>，<div>，{{}，则可以省略结束标记{1}}，<dl>，<fieldset>，<footer>，<form>，<h1>，<h2>，<h3>，{{1 }}，<h4>，<h5>，<h6>，<header>，<hr>，<menu>，<nav>，<ol> ，<pre>，<section>或其他<table>元素，或者如果父元素中没有其他内容且父元素不是<ul>元素。

---

允许的标签

以下是<p>元素中允许的代码的exhaustive list。

内容：

<a> 和纯文本（不仅包含空格字符）。

Answer 2

您不应将标头放在<p>元素中。