css - 是否仍然如此，使用 table+css 为桌面浏览器制作跨浏览器布局比 div+css 更容易？

Question

我的一位网页设计师 friend 仍在使用表格制作网站，但他使用 css 非常好，我也很好地使用 css，但使用 <div>而且我在布局方面比我的 friend 更多地面临跨浏览器问题。

我向我的 friend 解释了 <table> 的缺点.阅读我与 friend 的整个讨论？

我 - 您的网站在使用屏幕阅读器时会出现问题

我的 friend - 好的，但我从未接到过任何客户关于此事的电话。

I - 如果更改来自客户，您将投入更多时间对布局进行任何更改

我的 friend - 我不这么认为，但如果是，请告诉我如何使用 <div> 节省时间？

我 - 您的网站不能很好地与搜索引擎一起工作。

我的 friend - 这不是真的。我已经制作了很多站点，并且在这方面对任何站点或客户都没有问题

I - 布局是旧方式，非 w3c 和非标准方式。

我的 friend - 什么是旧的什么是新的，我不知道 W3C 是谁，什么是标准？无论我做什么都适用于所有浏览器，这对我来说已经足够了，我的客户不会为标准和 W3C 指南规则付费

我 - 您的网站无法在移动浏览器中运行

我的 friend - 我没问题，我的客户不关心手机

我 - 您的网站无法访问？

我的 friend - 你是什么意思不可访问？无论我做什么都适用于所有浏览器。我的任何客户从未询问过可访问性

我 - 你以后不会得到更多的工作，有 table 吗？

我的 friend - 好的，当客户不接受带有表格的网站时没问题，我以后会学习基于 div 的布局。

我的问题？

• 它仍然是真的吗？桌面浏览器的浏览器布局然后使用 table+css 更容易 div +CSS？
• 开发者有什么好处使用 DIV+ CSS布局代替 <table>布局，如果客户不会介意我用吗？

Answer 1

就个人而言，我发现根据独立 block 而不是单元格彼此紧密耦合并相互依赖的表格来考虑布局要容易得多。广泛使用这两种方法后，了解它们后，div 会更容易。

维护表格也是一场噩梦。如果您想添加一列，您需要确保其他行不受影响。即使使用 CSS，用于表格的 HTML 仍然非常臃肿且难以“一目了然”地理解(尤其是嵌套表格)。

如果表格真的是屏幕阅读器的一个大问题，我会感到惊讶(人们希望该软件足够智能以处理所有类型的网页)。但是，您应该采取所有合理的步骤来确保所有人都可以访问该网站，因为这是法律规定。

手机可以很好地显示表格。这里唯一的问题是，如果您想创建一个单独的移动样式表，则几乎不可能删除列格式。

最后对于 SEO 来说，这没有什么区别。 SE 反复强调代码的有效性没有区别。