html - 为什么没有 或 元素？

Question

其他display值有一个或多个对应的 HTML 元素，例如:

• block - 分区，p
• inline - 跨度、强壮等。
• list-item - 李
• table - 表格、表格行 - tr 等
• 无 - 模板

但是display: grid和 display: flex必须通过样式分配。如果 <flex>，我可以看到它更容易阅读 DOM。和 <grid>元素可用。

既然可以制作自定义元素，是否没有将新元素类型添加到规范中？

Answer 1

您问题的答案与样式与呈现数据的分离有关。

用于显示数据的 HTML 标记应根据您要显示的数据类型来选择。例如，您将使用 <li>当您生成列表或 <strong>当您希望文本脱颖而出时。 CSS 为您提供了很大的灵 active 来修改数据的显示方式，允许您更改数据的显示方式，例如 <strong> 中的文本。或 <em>标签，显示。许多标签的样式都可以更改，以便它们的行为与其他标签相同。例如，您可以制作 <span>标签的行为类似于 <div>标记，反之亦然。但是，您不应该这样做。换句话说，您选择的标签应基于显示的数据类型，例如 <li>对于列表项或 <p>对于段落。从技术上讲，您永远无法将数据与其显示方式完全分开，但您应该尽可能尝试这样做。

<flex>和 <grid>对于要显示的数据类型没有任何意义。因此，它们是可使用 CSS(而不是标签)编辑的样式。