什么时候应该使用表格、div 或 uls？ [复制]答案

【问题标题】：When should I use tables, divs or uls? [duplicate]什么时候应该使用表格、div 或 uls？ [复制]
【发布时间】：2011-05-21 13:18:40
【问题描述】：

可能重复：
Why not use tables for layout in HTML?

什么时候应该使用<table>、<div> 或<ul>？

各自的主要优缺点是什么？

【问题讨论】：

【解决方案1】：

始终尝试根据其语义特征使用每个标签

<table> 表格用于表格数据，不用于布局对齐
<ul>是无序列表，最好使用<ul>标签作为<a>链接，因为没有CSS后备
<div> div 没有语义意义，主要用于对齐，但是 HTML5 带来了很多新标签，如 <header>、<footer>、<article>、<section>、<aside>，应该使用 insted 的 div标记

【讨论】：

【解决方案2】：

从语义上讲，您应该将表格用于表格数据，将无序列表用于无序列表，以及没有可用语义定义元素的分区。但是，还有解释的余地。例如，一些开发人员将导航菜单视为无序列表，因此使用无序列表标签（可能风格很重）。

在 HTML4 之前（包括 HTML4），普遍缺乏语义元素，因此开发人员觉得有必要回退到经常使用除法。然而，HTML5 引入了一系列块级语义元素，这些元素定义了文档结构，并且比划分更有意义，尽管它们的行为应该相同。这些新标签包括文章、部分、页脚、导航、旁边和页眉。

【讨论】：

Html5 nav 元素也可用于将导航菜单设置为 UL (html5doctor.com/nav-element)。此外，通过添加新的语义“分隔符”（例如部分、文章等）减少了 div 的使用
这是真的；谢谢。我会在你的回答中添加一些关于你所说的信息。

【解决方案3】：

这是一个有争议的问题，我在这里仅表达我的个人观点：
我认为只有在必须显示表格数据时才应该使用表格。
不要使用表格进行定位/布局；为此使用 div 和 css。
有关详细信息，请参阅this question。

【讨论】：