Chrome 和 Firefox 修复了我的 Html 标签？ [复制]

Question

我有以下 .html

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

在 google chrome、firefox 和 safari 中我得到了（在源代码浏览器中）

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

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

我不知道去哪里找。每个标签都是封闭的。你见过这个问题吗？

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）。