如果您使用HTML编写日历，您会使用Table标签还是Div标签？

Question

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

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

Answer 1

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

我全都使用DIV进行布局 - 但坚持使用表格来表格。

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

Answer 2

我会说日历是一个表，因此使表格成为其表示的正确标记。

来自answers.com的

编辑：Definition 11 for "table"说：

  

数据的有序排列，特别是数据以基本矩形的形式排列成行和列的数据。

Answer 3

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

Answer 4

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

Answer 5

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

Answer 6

在桌子上做。

另外，不要将其视为“divs与表格”将其视为表格与具有意义的正确语义标签。当我创作页面时，我尝试尽可能少地使用div，在很多情况下你可以使用段落，列表项等。

Answer 7

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

有others同意the list approach为a good one。

Others prefer tables

Answer 8

在其他地方提出同样的问题之后，刚刚遇到过这个问题。虽然我完全同意日历更像是数据的表格表示，但我认为在多产的“依赖”答案中存在真实性。例如，我希望在日历中的每一天都被显示时显示浮动DIV弹出窗口。使用表格，当光标在日历上移动时，弹出窗口会闪烁，因为弹出窗口仅在单元格边框上有效，而单元格中的日期编号本身也是如此。使用DIV，光标在日历单元格上的整个过程中弹出窗口是稳定的（没有闪烁）。