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的便利性。如果使用HTML表示给定的ul结构在语义上有意义，则使用一个。尽管开发人员可能不会使用p或li来看到差异，但屏幕阅读器会向那些严重依赖各种挑战（视觉，触觉等）的个人呈现我们可能误导的HTML HTML文档的准确性。

Answer 2

[ li ]标签和[ Div ]标签在显示中是相同的 但是在结构的概念上却有所不同 使用[ li ]标签可以更好地在列表项中表达。