css 网格 - 我还需要使用列表吗?
css grids - do I still need to use lists?
抱歉,除了我正在寻求简化之外,这并不是真正的代码问题。
我正在尝试迁移到使用 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>
因为现在我可以通过放入一些选择器来订购我的 "list",这样更容易展开列表、证明等
我是不是找错树了?
简短回答:您仍然需要列表(如果您的文档中需要列表)。
长答案: 标记语义胜过 CSS
便利。如果使用 ul
表示给定的 HTML
结构在语义上有意义,则使用一个。尽管开发人员可能看不出使用 p
或 li
的区别,但屏幕阅读器会将我们可能被误导的 HTML
呈现给具有各种挑战(视觉、触觉等)的个人,这些人在很大程度上依赖于HTML
文档的准确性。
[li]标签和[Div]标签在显示上是一样的
但是在结构的概念上,它有区别
在列表项中使用 [li] 标签是更好的表达方式。
抱歉,除了我正在寻求简化之外,这并不是真正的代码问题。
我正在尝试迁移到使用 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>
因为现在我可以通过放入一些选择器来订购我的 "list",这样更容易展开列表、证明等
我是不是找错树了?
简短回答:您仍然需要列表(如果您的文档中需要列表)。
长答案: 标记语义胜过 CSS
便利。如果使用 ul
表示给定的 HTML
结构在语义上有意义,则使用一个。尽管开发人员可能看不出使用 p
或 li
的区别,但屏幕阅读器会将我们可能被误导的 HTML
呈现给具有各种挑战(视觉、触觉等)的个人,这些人在很大程度上依赖于HTML
文档的准确性。
[li]标签和[Div]标签在显示上是一样的 但是在结构的概念上,它有区别 在列表项中使用 [li] 标签是更好的表达方式。