html - <ol> 下的 <div> 在浏览器中有效，但它合法吗？

Question

请考虑以下 HTML 代码:

<ol>
    <li>aaaa</li>
    <div style="background-color : red">
        <li>aaaa</li>
        <li>aaaa</li>
        <li>aaaa</li>
    </div>
    <li>aaaa</li>
</ol>

这是合法的吗？ 虽然规范说不，link ，但代码在 Chrome 和 Safari 下似乎表现完美。使用此类 HTML 代码的缺点是什么？

更新:感谢所有的回答。是否有不同的有效解决方案来将一些列表项与一些“逻辑容器”分组？

Answer 1

这不合法，但浏览器非常宽容，仍然会尽可能地呈现某些内容，即使您提供的 HTML 在技术上是错误的。