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 사양에 익숙해지면 많은 질문과 호기심에 대답 할 것입니다. ol안에 살 수 있는지 알고 싶습니다 p. 그래서…

4.5.1 p요소 :

카테고리 : 흐름 컨텐츠 , 촉진 가능한 컨텐츠 .
컨텐츠 모델 : 컨텐츠 문구 .

4.5.5 ol요소 :

카테고리 : 흐름 내용 .
콘텐츠 모델 : 0 개 이상의 li 및 스크립트 지원 요소.

첫 번째 부분은 말한다 p요소 만 포함 할 수 있습니다 같이 분석 내용을 (같은 "인라인"요소있는 span및 strong).

두 번째 부분은 말한다 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 -->

GO는 여기 http://validator.w3.org/ HTML 파일을 업로드하고는 유효하며 무엇을하지 무엇을 말할 것이다.

실제로는 내부에 인라인 요소 만 넣어야 p하므로 ol외부에서는 더 좋습니다.

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

두 때문에 <p>와 <ol>소자 블록으로 표현되어있다.