html - css 网格——我还需要使用列表吗？

Question

抱歉，除了我正在寻求简化之外，这并不是真正的代码问题。

我正在尝试迁移到使用 CSS 网格，因为这个概念看起来很棒并且更直观 - 但在我得意忘形之前，我只是考虑尝试一个点。

CSS 网格是否会使列表变得无用？

代替:

<ul class="floater-left">
    <li>x</li>
    <li>y</li>
    <li>z</li>
</ul>

我现在只需要:

<div class="grid-type-1">  // where this type 1 has set out columns
    <p>x</p>
    <p>y</p>
    <p>z</p>
</div>

因为现在我可以通过放入一些选择器来对我的“列表”进行排序，从而更容易展开列表、调整等。

我是不是找错树了？

Answer 1

简答:您仍然需要列表(如果您的文档中需要列表)。

长答案:标记语义胜过 CSS 便利。如果使用 ul 来呈现给定的 HTML 结构在语义上是有意义的，那么就使用一个。尽管开发人员可能看不出使用 p 或 li 的区别，但屏幕阅读器会将我们可能被误导的 HTML 呈现给面临各种挑战(视觉、触觉等)极大地依赖于 HTML 文档的准确性。