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

时间:2013-06-26 12:02:58

标签: html css

我使用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

2 个答案:

答案 0 :(得分:9)

说明

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> 和纯文本(不仅包含空格字符)。

答案 1 :(得分:0)

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