是否应该使用我的理解DIV而不是TABLE来布局数据

时间:2011-06-07 22:58:53

标签: html html-table

这是否正确?如果是这样,我在哪里可以找到一个很好的资源来了解怎么做,因为我看到的所有页面都使用绝对位置和类似的东西。这是正确的方法吗?

修改

所以我的问题是,如何将两个元素并排放置,如何将其他元素放在其他元素之上等等。它是否使用绝对位置?

例如,this页面使用非常少的表格并使用DIV布局所有内容。

6 个答案:

答案 0 :(得分:2)

  

这是正确的

不完全。您应该使用最能描述数据语义的元素,然后使用CSS来布局它们。

  

我在哪里可以找到一个知道如何做的好资源

请参阅WSCHeaders, footers, columns, and templates的第38节。可能在之前的部分之前。

答案 1 :(得分:2)

您应该使用DIVs + CSS进行布局,使用TABLE进行表格数据。

这是一篇关于这个主题的好文章

A list apart: Practical CSS

这是一个很好的页面,可以通过实例CSS positioning

开始学习

答案 2 :(得分:1)

是的,DIV已经使用了几年了。您还应该检查HTML5中的新布局代码,例如<nav><section>等。

查看此博客文章,了解DIV vs tables的一些有趣比较。

答案 3 :(得分:0)

我最近采用了Blueprint Grid CSS Framework,真的很喜欢它。它可以很容易地使用div进行布局,而无需担心定位。

您应该阅读source。它非常简单,并且确实在引擎盖下使用了一些相对定位。大多数情况下,它只使用固定宽度来制作网格。

有许多竞争框架 - 一些支持液体布局(非固定宽度)。

答案 4 :(得分:0)

是的,你应该试试。仅将表格用于表格内容。

对于初学者:From table hell to div hell?

不是:使用div进行布局不需要定位,但这取决于设计。

答案 5 :(得分:0)

表格应该用于表示表格数据,而不是用于制作布局。

这是一个热门话题,有很好的答案:Why not use tables for layout in HTML?

不需要使用绝对定位创建不使用表格的布局。在this page的教程8和9中,正在解释液体div布局,而不使用绝对定位。