20

我将公司的日历转换为 XSL，并将所有表格更改为 div。它工作得很好，但由于不稳定的跨浏览器间距问题，我最初有很多 8 天的错误需要解决。但我正在阅读另一篇关于何时使用表格与 div 的文章，并且共识似乎是您应该只使用 div 来真正划分网页的各个部分，并且只使用表格来处理表格数据。

我不确定我什至可以在 XSL 中使用表格，但我想跟进 Div 和表格的讨论，讨论制作网络日历的理想方式，也许是两者的结合。

4

8 回答 8

32

日历是使用桌子的完美理由！日历固有地呈现表格数据，而 HTML 表格擅长呈现表格数据。HTML 表格标记提供了将 CSS 选择器与表格的各个部分相关联以修饰表格所需的几乎所有 CSS 钩子。

我完全赞成使用 DIV 进行布局——但坚持使用表格来存储表格数据。

这是一篇关于如何用 CSS 装饰表格的很酷的文章： http ://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs

于 2008-09-03T17:40:54.217 回答
7

我会说日历是一张表格，因此使表格成为其表示的适当标记。

编辑：answers.com中“表格”的定义 11说：

数据的有序排列，尤其是数据以基本上矩形的形式排列成列和行的数据。

于 2008-09-03T17:40:24.670 回答
3

我认为这绝对是使用表格的情况。使用 div 时最大的问题是每一天的盒子高度。如果您为每个框设置边框，如果一天的内容比另一天长，它们可能会看不出来。使它看起来正确的额外标记将比使用表格创建它所花费的更多，所以我认为在这种情况下 div 不值得付出额外的努力。

于 2008-09-03T17:41:37.477 回答
1

您还可以考虑有序列表（天）的有序列表（周），或者只是一个有序列表（天）。

还有其他人同意列表方法是一种很好的方法。

其他人更喜欢桌子。

于 2008-09-03T20:31:00.640 回答
1

在其他地方提出同样的问题后，刚刚遇到了这个帖子。虽然我完全同意日历更像是数据的表格表示，但我认为多产的“它取决于”答案是真实的。例如，当日历中的每一天被鼠标悬停时，我想显示一个浮动的 DIV 弹出窗口。使用表格时，弹出窗口会随着光标在日历上移动而闪烁，因为弹出窗口仅在单元格边框和单元格本身中的日期编号上处于活动状态。使用 DIV，在光标悬停在日历单元格上的整个过程中，弹出窗口都是稳定的（无闪烁）。

于 2009-01-04T22:33:37.043 回答
1

表格用于显示表格数据。所以我会说<table>是理想的。

于 2008-09-03T17:41:16.103 回答
1

使用表格是有道理的，但如果您查看 Google Calender，它们似乎使用的是 div 标签。使用 div 标签可能会降低文件大小，因此在企业环境中可能值得“麻烦”。

于 2008-09-03T17:46:21.723 回答
1

在桌子上做。

也不要将其视为“div 与表格”，将其视为表格与具有含义的适当语义标签。当我创作页面时，我尝试尽可能少地使用 div，在很多情况下，您可能会使用段落、列表项等。

于 2008-09-03T18:09:32.213 回答