ol / ulは<p>の内側または外側にある必要がありますか？

これら2つの間で標準に準拠しているのはどれですか。

<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仕様に慣れることができれば、質問や好奇心の多くに答えることができます。あなたはolがの中に住めるかどうか知りたいですp。そう…

4.5.1 p要素：

カテゴリ： フローコンテンツ、触知可能なコンテンツ。
コンテンツモデル： フレージングコンテンツ。

4.5.5 ol要素：

カテゴリ： フローコンテンツ。
コンテンツモデル：0個以上のliおよびスクリプトをサポートする要素。

最初の部分では、p要素はフレージングコンテンツ（spanおよびのような「インライン」要素strong）のみを含むことができると述べています。

2番目の部分は、olsがフローコンテンツであることを示しています（pおよびのような「ブロック」要素div）。そのため、内では使用できませんp。

olsとその他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>要素はブロックとしてレンダリングされます。