与使用方式混淆-列表与表格

Question

我已经浏览了大约一个小时，以了解最佳做法是什么，而我读到的大部分内容是使用表格存储表格数据和使用列表存储列表，这很有意义。但是，我对这种类型的UI感到困惑：

因此它具有列和行，但是具有联系人列表。您能对我应该为这种类型的UI使用什么提出您的想法吗？

（顺便说一句，此图像中没有什么特别之处，我不是试图完全创建这个图像，只是需要一些东西来显示我的意思）

Answer 1

表在这里是适当的，因为您具有语义上有意义的列和行。 HTML表格将自动处理列对齐（并为表格标题提供<th>标签），表格将保留列信息，即使对于使用屏幕阅读器，纯文本浏览器等的用户（列表不会t）。

您可能希望将列表用于边栏，标签或“编辑联系人”下拉菜单中的项目。