2010-04-14 53 views
6

我对这个问题完全感到困惑,有人说使用表格,有些人说使用表格和div标签应该被使用,这是一种不好的做法。开发移动设备网站时的正确方式是什么.mobi表格与移动网站中的div

回答

6

您应该使用表格来呈现表格数据,而不是布局。手机上的大多数现代Web浏览器(例如iPhone上的Mobile Safari)都能够正确呈现适当使用CSS和语义标记的网站。

+1

我会加入这个答案的一个警告是,你需要确保你了解你的目标受众。如果它的智能手机用户在美国或欧洲,那么是的,divs是要走的路。如果您的目标受众是功能手机用户,那么浏览器将不太复杂,您需要依靠表格进行布局。如果两者都是,那么你应该考虑基于移动设备/浏览器的差异化。对于这样的框架,如WURFL或DeviceAtlas。 – Kevin 2010-04-21 09:14:44

+0

@凯文这是一个很好的观点。 – 2010-04-21 11:07:26

1

要考虑的重要方面是其屏幕上实际布局的数据&之间的差异。

通常情况下,表格数据应该使用表格。例如,将公司资产负债表作为可以使用HTML表格显示的表格数据的示例。

但是,如果你需要行正常显示的内容(这是不存在于自然界表格)&列,有喜欢使用DIV & SPAN标签和一点CSS的定位&风格的内容,使之其他替代品看起来像表格布局。这种布局的典型例子可以是报纸上显示的新闻文章。虽然布局在行&列中,但新闻内容本身不是表格。

在那里有大量的文章辩论为什么这是一个很好的做法。

鉴于你的情况,我建议坚持使用基于CSS的正常基于DIV的结构来提供所需的效果&对表格数据使用TABLE。

HTH。

3

是的,理论说,你应该使用表格来呈现表格数据,而不是布局。但市场上的大多数网络浏览器都不能正确渲染浮动div,高级CSS等复杂布局。

事情正在迅速改变,正如其他人已经说过的,大多数移动(智能)手机上的现代Web浏览器(iPhone,Android ...)带有很棒的HTML/CSS/Javascript支持。
如果您只考虑这些设备,则可以使用DIV/CSS布局,因为从语义角度来看它是正确的选择。但是,如果您想覆盖各种设备,请使用表格,因为您可以保证您的页面能够在更多设备中正确呈现。