html - block 元素旁边的内联元素

Question

我有一个关于行内元素和 block 元素的问题。将内联元素和 block 元素放在同一层级是否正确？还是我应该把它们包起来？

例子:

<div class="name">
     <span class="name__text">List name</span>
</div>
<div class="list>
    ...
</div>

或不换行

<span class="name">List name</span>
<div class="list>
    ...
</div>

这两个示例都运行良好。规范对此有说明吗？

Answer 1

只要 HTML 仍然有效，两种解决方案都可以使用。但是，当您编写越来越多的代码时，额外的包装会在以后有用。第一个结构允许您创建一个简单的 CSS 网格，这将帮助您保持代码清晰。