Chrome和Firefox修复我的Html标签？

Question

我有以下.html

<p>
    <input class="inputName" />
    <ul>
         <li>One value</li>
    </ul>
</p>

在谷歌浏览器中，我获得了firefox和safari（在源代码浏览器中）

<p>
    <input class="inputName" />
</p>
<ul>
     <li>One value</li>
</ul>

我无法重现这个问题，它来自我聪明的模板....某处但我不知道在哪里。

我不知道在哪里看。每个标签都关闭。你见过那个问题吗？

Answer 1

这是因为<p>标记不能包含其他块元素。您最有可能想要使用<div>而不是<p>：

<div>
    <input class="inputName" />
    <ul>
         <li>One value</li>
    </ul>
</div>

Answer 2

Chrome和Firefox正在修改DOM以尝试遵守HTML标准，如ul/ol elements can't reside within a p node.

p不能包含块级元素（div，ul，ol），只能包含内联元素（span）。