ol / ul应该在<p>内部还是外部？

两者之间哪个符合标准？

<p>Text text text ...
    <ol>
        <li>First element</li>
    </ol>
</p>
<p>
    Other text text ...
</p>

要么

<p>
    Text text text ...
</p>
<ol>
    <li>First element</li>
</ol>
<p>
    Other text text ...
</p>

简短的答案是ol元素在法律上不允许在p元素内部。

要了解原因，让我们看一下规格！如果您对HTML规范感到满意，它将回答您的许多问题和好奇心。您想知道an是否ol可以住在内p。所以…

4.5.1 p元素：

分类： 流内容，可触内容。
内容模型： 短语内容。

4.5.5 ol元素：

类别： 流内容。
内容模型：零个或多个li和脚本支持元素。

第一部分说p元素只能包含短语内容（它们是“内联”元素，如span和strong）。

第二部分说ols是流内容（诸如p和的“ block”元素div）。因此它们不能在内使用p。

ols和other flow content可用于其他一些元素，例如div：

4.5.13 div元素：

分类： 流内容，可触内容。
内容模型： 流内容。

第二。第一个无效。

• 段落不能包含列表。
• 列表不能包含段落，除非该段落完全包含在单个列表项中。

浏览器将像这样处理它：

<p>tetxtextextete 
<!-- Start of paragraph -->
<ol>
<!-- Start of ordered list. Paragraphs cannot contain lists. Insert </p> -->
<li>first element</li></ol>
<!-- A list item element. End of list -->
</p>
<!-- End of paragraph, but not inside paragraph, discard this tag to recover from the error -->
<p>other textetxet</p>
<!-- Another paragraph -->

转到此处http://validator.w3.org/ 上传您的html文件，它将告诉您什么是有效的，什么不是有效的。

实际上，您只应将内联元素放在内p，因此在您的情况下ol外面更好

<p>tetxetextex</p>
<ol><li>first element</li></ol>
<p>other textetxeettx</p>

因为<p>和<ol>都是元素渲染为块。