浏览器在UL之前和之后渲染不需要的P.

Question

浏览器在UL之前和之后渲染不需要的P.

检查这个HTML代码

<p>test</p>
<p>
  <ul>
    <li>
    <span style=\"line-height: 1.42857;\">1
    </span>
    <br>
    </li>
    <li>
    <span style=\"line-height: 1.42857;\">2&nbsp;
    </span>
    <br>
    </li>
    <li>
    <span style=\"line-height: 1.42857;\">3
    </span>
    <br>
    </li>
    <li>
    <span style=\"line-height: 1.42857;\">4
    </span>
    <br>
    </li>
  </ul>
  <p>
    <span style=\"line-height: 20px;\">more text
    </span>
  </p>
</p>

Run Code Online (Sandbox Code Playgroud)

出于某种原因,之前和之后的<ul>空<p>它被呈现(我已经尝试过Chrome和FF至今).

在这里检查这个plunker并尝试检查结果,你会看到这样的东西

<body>
    <p>test
</p>
<p> <----------THIS 
  </p>
<ul>
    <li>
    <span style="\&quot;line-height:" 1.42857;\"="">1
    </span>
    <br>
    </li>
    <li>
    <span style="\&quot;line-height:" 1.42857;\"="">2&nbsp;
    </span>
    <br>
    </li>
    <li>
    <span style="\&quot;line-height:" 1.42857;\"="">3
    </span>
    <br>
    </li>
    <li>
    <span style="\&quot;line-height:" 1.42857;\"="">4
    </span>
    <br>
    </li>
  </ul>
  <p>
    <span style="\&quot;line-height:" 20px;\"="">more text
    </span>
  </p>
<p></p> <-------------- AND THIS 


</body>

Run Code Online (Sandbox Code Playgroud)

无法弄清楚为什么.任何提示？

Answer 1

Que*_*tin 6

段落不能包含列表(或其他段落).

段落的结束标记是可选的.

UL开始标记隐式关闭P元素.

验证器是有用的工具.

归档时间：	9 年，10 月前
查看次数：	40 次
最近记录：	9 年，10 月前