[解決済み】ol/ulはinside <p>とoutsideのどちらを使うべき？

質問

この2つのうち、標準に準拠しているのはどちらでしょうか？

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

OR

<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 要素 :

カテゴリー フローコンテンツ .

コンテンツモデル : ゼロまたはそれ以上 li と スクリプト対応 要素を使用します。

最初の部分には、次のように書かれています。 p 要素に含めることができるのは フレーズコンテンツ (のような「インライン」要素である）。 span と strong ).

2番目の部分には ol は フローコンテンツ ("ブロック" 要素のような p と div ). そのため、それらは できない の中で使用されます。 p .

ol などの flow content のような他の要素で使用することができます。 div :

4.5.13の div 要素 :

カテゴリー フローコンテンツ , パルパブルコンテンツ .

コンテンツモデルです。 フローコンテンツ .