Jquery 网格布局的高效DIV结构

Jquery 网格布局的高效DIV结构,jquery,html,css,Jquery,Html,Css,我一直在开发一个网站,现在我需要显示一种网格布局(这与用于维护整个网页布局的网格结构无关),其中包含选项!下面是我想实现的布局模型 如何使用html实现这一点。我考虑过使用一个真正的html表格bt,因为这些天表格在布局中没有被使用,我不确定这是否是bes的方式。使用div结构并使用css实现这一点是好的,还是实现这种布局的最佳方式。您呈现的信息在语义上是表格形式的;HTML表格正是您应该使用的 布局不支持表格,在显示表格数据时首选表格 我建议您查找thead和tfoot元素,以帮助理解标记语

我一直在开发一个网站,现在我需要显示一种网格布局(这与用于维护整个网页布局的网格结构无关),其中包含选项!下面是我想实现的布局模型


如何使用html实现这一点。我考虑过使用一个真正的html表格bt,因为这些天表格在布局中没有被使用,我不确定这是否是bes的方式。使用div结构并使用css实现这一点是好的,还是实现这种布局的最佳方式。

您呈现的信息在语义上是表格形式的;HTML表格正是您应该使用的

布局不支持表格,在显示表格数据时首选表格


我建议您查找
thead
tfoot
元素,以帮助理解标记语义。

您呈现的信息在语义上是表格式的;HTML表格正是您应该使用的

布局不支持表格,在显示表格数据时首选表格


我建议您查找
thead
tfoot
元素,以辅助标记语义。

这对于HTML表是完全合适的用法

不应使用表来布局文档,但这是一个真正的表:每行中的单元格是相关的,每列中的单元格是相关的,这些关系用列标题和行标题进行标记。这是一个HTML表格


顺便说一句,您会发现使用HTML表是一种非常有效的方法,可以在DOM复杂性和总体文件大小方面使用其他元素(如div)来标记这些内容

这对于HTML表来说是完全合适的用法

不应使用表来布局文档,但这是一个真正的表:每行中的单元格是相关的,每列中的单元格是相关的,这些关系用列标题和行标题进行标记。这是一个HTML表格


顺便说一句,您会发现使用HTML表是一种非常有效的方法,可以在DOM复杂性和总体文件大小方面使用其他元素(如div)来标记这些内容

我认为在这个例子中使用表没有问题。如果你想用一个表来构建一个完整的站点,那么表是过时的,但是对于站点的部分和内容来说,它们是完全可以接受的。我认为在这种情况下使用表没有问题。表格是一个日期,如果你要建立一个完整的网站,但作为一个网站的部分和内容,他们是完全可以接受的。