【问题标题】:If you were programming a calendar in HTML would you use Table tags or Div tags?如果你用 HTML 编写日历,你会使用 Table 标签还是 Div 标签?
【发布时间】:2010-09-07 17:11:10
【问题描述】:

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

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

【问题讨论】:

    标签: html xslt calendar


    【解决方案1】:

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

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

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

    【讨论】:

      【解决方案2】:

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

      编辑:来自 answers.com 的Definition 11 for "table" 说:

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

      【讨论】:

        【解决方案3】:

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

        【讨论】:

          【解决方案4】:

          使用表格很有意义,但如果您查看 Google 日历,它们似乎使用 div 标签。使用 div 标签可能会降低文件大小,因此在企业环境中可能值得“麻烦”。

          【讨论】:

            【解决方案5】:

            在桌子上做。

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

            【讨论】:

            • 其实我喜欢用通用的div;我使用class 属性来说明它是什么类型的东西。
            【解决方案6】:

            您也可以考虑一个有序列表(周)的有序列表(天),或者只是一个有序列表(天)。

            others 同意the list approacha good one

            Others prefer tables.

            【讨论】:

            • 对于“列表方法”,那个人说永远不要使用那个代码......我实际上为我们的办公室日历做了类似的事情,没有人喜欢它,所以我把它留作年历并制作使用表格的月历。
            【解决方案7】:

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

            【讨论】:

              【解决方案8】:

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

              【讨论】:

                猜你喜欢
                • 2017-09-19
                • 1970-01-01
                • 2011-04-18
                • 2022-06-17
                • 1970-01-01
                • 2016-07-19
                • 2017-08-13
                • 1970-01-01
                • 2020-12-08
                相关资源
                最近更新 更多