使用嵌套列表而不是表格来显示HTML中的数据

Question

我没有使用HTML表,而是考虑使用嵌套列表结构来显示未来的表格式数据.

例如:

<div class="table">
   <ul class="row">
      <li class="cell col-id"></li>
      <li class="cell col-name"></li>
      <li class="cell col-age"></li>
   </ul>
</div>

我的理由:

• 比trs和tds 更舒适的造型块元素.
• ul/ lielements在样式选项方面看起来更灵活,使用JQuery等.
• 桌子不重,一次渲染吗？

另一方面,我看不到使用HTML表有任何好处.

我离开基地吗？如果是这样,请解释使用HTML表的好处,因为我似乎无法记住任何.

Answer 1

对我来说,这与使用表格进行网页布局没什么不同.您通过使用ul表示表格数据来破坏页面的语义.以下不是一个详尽的列表,但强调了我坚持使用表格的一些原因:

1. 如果有人在关闭CSS的情况下浏览您的页面,则列表将不会保留表格的外观并且难以解释

2. 屏幕阅读器将无法识别这些表格使其成为可访问性问题.此外,这并不重要,但如果有人想直接从您的网站解析您的数据,他们将不得不弄清楚您的列表格式.

3. 你失去了thead,tfoot和tbody的一些好处.脱离我的头脑,thead的一大好处是,如果你打印一个跨越多个页面的表格,那么thead中的标题将显示在表格行上方的每个页面上.

4. 我决定使用WYSISYG编辑器,您将无法使用某些表创建向导.

5. 如果其他人将来必须维护您的网站,他们将不得不学习这个新系统的细节来表示表格数据.

这些只是使用表的一些参数.

如果您决定使用列表解决方案,我只想说好运,并有兴趣看看它是如何工作的.