移动网站中的表格与div

时间:2010-04-14 12:58:08

标签: mobile-phones mobile-website

我对此事完全感到困惑,有人说使用表格,其他人说使用表格是一种不好的做法,而应该使用div标签。在为移动设备开发网站时,正确的方法是什么.mobi

3 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:3)

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

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

答案 2 :(得分:1)

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

通常,应使用表格显示表格数据。例如,将公司资产负债表视为表格数据的一个示例,可以使用HTML表格显示。

但是,如果您需要在行中显示正常内容(本质上不是表格)列,还有其他替代方案,如使用DIV& SPAN标签和一些CSS定位&设置内容样式以使其看起来像表格布局。这种布局的典型示例可以是报纸上显示的新闻文章。虽然布局是行和&列,新闻内容本身是非表格式的。

有很多文章在讨论为什么这是一个好习惯。

根据你的情况,我建议坚持使用基于CSS的样式的普通基于DIV的结构,以提供所需的效果&将TABLE用于表格数据。

HTH。