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 呈现给面临各种挑战（视觉、触觉等）的人，他们在很大程度上依赖于@987654327 的准确性@文档。