用网格还是不用网格

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费信用额度!

Sarah Higley 从事无障碍工作,并 发现 “表格和网格在无障碍错误中被过度使用。”

鼓声已经敲响了无数次:不要使用 <table> 进行布局。 但风水轮流转。 “表格和网格出错方式”列表中排名第一的是什么?

在需要表格的地方使用网格,反之亦然

这一天终于到来了。 CSS 网格已经深入应用,开发人员默认使用它而不是传统的 <table>。 而我们还没有飞天汽车呢!

Sarah 展示了两种技术的清晰示例,以及如何以不同的方式在视觉上和语义上呈现相同的信息。 例如,即将举行的音乐会的列表可以显示为 <table>,如果你能想象表格用于排序或比较的目的,这可能没问题,但它也可以显示为网格,网格有其他优势,例如更容易浏览的标题。

直接链接 →