列表嵌套时ul是否必须放在li下

Question

嵌套列表时有两种写法

<ul>
    <li>坚果</li>
    <li>水果</li>
    <ul>
        <li>西瓜</li>
        <li>橘子</li>
    </ul>
    <li>饮料</li>
</ul>

<ul>
    <li>坚果</li>
    <li>水果
        <ul>
            <li>西瓜</li>
            <li>橘子</li>
        </ul>
    </li>
    <li>饮料</li>
</ul>

渲染效果都是👇, 应该使用哪一种?

Answer 1

按照语法应该是（2）。效果一样是因为 html 容错超高。