使用表而不是最终用户提供的div会有什么真正的问题?

时间:2009-12-12 11:52:09

标签: html css layout accessibility

忘记那些专门针对开发人员的事情,比如关于语义和什么不是的代码可维护性和宗教战争,我的问题是:使用表格呈现给用户的真实世界问题是什么?是否存在无法正确理解表格布局的设备?它是否会降低网页在搜索引擎上的相关性?

当然我在谈论一个合理的布局,其中表格用于纯CSS / div中需要黑客的东西(显然是表格数据) - 不是像一百个嵌套的东西表甚至可以用来代替ul / li。

4 个答案:

答案 0 :(得分:2)

视障人士的用户代理(又称浏览器)可能会使用网页的语音描述。

当按表格完成布局时,页面内容的描述将成为表格的描述,这不太可能有助于理解。

答案 1 :(得分:1)

表是如此古老的技术,它们可以在每个设备和我知道的每个程序中可靠地呈现。

我不鼓励使用表格进行布局,除非真的非常必要(它在少数情况下),但我不相信在某些方面使用表格做得好的布局自动影响渲染负面。不过,请随意证明我错了。

当使用表而不是语义上正确的元素时,可能是文本到语音程序的问题,例如,在有序/无序列表中。但我相信任何文本到语音或其他可访问性软件都有此规定,否则它将无法在今天的互联网上使用。

可能还存在这样的情况:需要智能地调整网页大小(例如移动浏览器)的浏览器在使用表时比使用其他布局元素更麻烦。但这在很大程度上取决于个人的布局和情况。

答案 2 :(得分:0)

这是一个很好的演示文稿,很好地总结了表格的问题:http://www.hotdesign.com/seybold/06problems.html

答案 3 :(得分:0)

我所掌握的主要最终用户参数是面向未来的,页面大小(与加载时间有关,与用户体验有关)。如果您在语义上设计页面并使用最小标记方法,那么没有基于表格的布局的页面大小几乎总是小于使用基于表格的布局的页面。

对于该页面的每个请求,线上都有更多的位,这(如上所述)意味着更长的加载时间等。但是,min-html +外部CSS工作表可以显着加快大多数生产站点的加载时间(由于CSS表和页面之间通常存在一对多的关系,这意味着您正在利用浏览器的缓存功能(以及可能还有其他中间设备缓存)。

面向未来的评论与设计变更有关。使用min-markup页面从CSS进行批量可视化布局重新设计比在大多数常见的基于表格的设计中更容易实现。有关示例,请参阅csszengarden.com。

显然,在两种情况下都是YMMV。如果你真的只使用表的最小化(例如页面上的一个表,该表中的一行,该行中的三个TD,每列一个),那么你可能不必担心这些事情。也就是说,ime,最好学习CSS技术,或者付钱给认识他们的人。设计很快变得比你认为它们预先多次复杂,并且使用桌子作为快速修复很快就会成为一个滑坡。所有人都说IME; YMMV。