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>
伽罗JinJin宝儿2020/03/24 17:57:33

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

小卤蛋2020/03/24 17:57:33

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

阿飞2020/03/24 17:57:33

第二。第一个无效。

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

浏览器将像这样处理它:

<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 -->
卡卡西Near2020/03/24 17:57:32
<p>tetxetextex</p>
<ol><li>first element</li></ol>
<p>other textetxeettx</p>

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