尽管在内联下阻止，但在LI下的UL

Question

我认为在内联下放置一个块是不正确的。但是，在构建树结构时，我们在ul下使用li。任何人都可以解释为什么这是一个有效的HTML？

Answer 1

display属性的默认li值不是inline，而是list-item。 ul设计为嵌套在列表中，因此将ul置于li内没有问题。

此外，从HTML5开始，将块元素放在内联元素中是有效的HTML。

来自MDN：

  

在HTML中使用块级与内联元素的区别   规格高达4.01。在HTML5中，这种二进制区别是   替换为更复杂的内容类别集。该   “块级”类别大致对应于流的类别   HTML5中的内容，而“内联”对应于措辞内容，但是   还有其他类别。

但是，如果您不想在rendering或其他原因的内联元素中放置块元素，则可以选择更改display值：

<span style="display: block">
    <div style="display: inline"> ... </div>
</span>