用于图形时间表的HTML表格或列表

Question

我开发了一个图形时间调度程序的原型，但需要对其中的大部分进行重新编码，因为JS目前很乱。我意识到这也是对我的设计进行任何重大改变的最佳时机。

它使用html表，看起来像：

目前：

• 从空开始并通过jquery重写来增长/缩小
• 相当动态（时间刻度，大小等都可以在运行时更改）
• 水平线位于细胞的中间，它们不是细胞边界（like here）。
• 红色框锚定在单元格中，并通过JS给出偏移和大小。与蓝盒子相同。
• 时间标签是单元格内的div，并不适合使用

我需要添加更多功能：

• 一些基本/有限的缩放
• 多天标签
• redboxes上的标签
• 悬停/点击效果
• 可能有一些拖动效果

我可以弄清楚以上所有内容，但我不确定是否更适合使用表格或列表（或其他内容？）。从技术上讲，它是一个＆＃34;时间表＆＃34;但它看起来更像是一个图表。我对名单的体验非常有限，所以我之前正在寻找某人的建议。我不想切换到列表并意识到我需要在中途更改我的基本html类型。

此外，这不是公共＆＃34;应用程序（它在登录后面），如果这有所作为。我的主要优先事项是顺利开发和易于维护/定制。虽然对JS性能的想法也很有用。

编辑：

重读，我的问题有点模糊（＆＃39;为什么＆＃39;部分）。

我感兴趣的是哪个html元素更容易实现：

• 定位，对齐
• 绝对定位的东西，如红盒子
• 效果和事件（前面提到的类型）

或者他们是否非常相似？

结论编辑：

我最终将我的设计改为像div系统一样的网格。在我尝试添加Firefox兼容性之前，表格一直有效。对于复杂的定位而言，Firefox和Chrome处理表的方式不同，并试图让它成像完美是一场噩梦。

Answer 1

为什么列出？似乎每个＆＃34;框＆＃34;应该是一个div。在定位和拖放功能方面，这将为您提供最大的自由。