【问题标题】:Simple Question About Templates [duplicate]关于模板的简单问题[重复]
【发布时间】:2011-07-14 02:04:42
【问题描述】:

可能的重复:
Why are tables bad rather than css?
Why not use tables for layout in HTML?

用表格创建模板有什么问题?

我只是想帮助某人,我得到了一个赞成票,然后是几个反对票,因为我建议了一个带有表格的解决方案:How do you select half the remaining width using css?

我的建议是:

<html>
<head>
    <title></title>
    <style type="text/css">
        TD.left
        {
            width: auto;
        }
        TD.main
        {
            width:1000px;
        }
        TD.right
        {
            width: auto;
        }
    </style>
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="left">&nbsp;</td>
    <td class="main">&nbsp;</td>
    <td class="right">&nbsp;</td>
  </tr>
</table>
</body>

【问题讨论】:

    标签: html


    【解决方案1】:

    表格不适合布局。它们很容易,但您通常会花更多时间尝试移除空间并使其恰到好处。学习使用浮动和定位将使未来的开发变得非常容易。

    查看 960 网格系统。这是一个快速而肮脏的 CSS 网格布局系统,可让您快速淘汰通常需要大量时间的布局任务,而且它们会减少您的整体 CSS 文件大小,因为您可以使用相同的共享类。

    【讨论】:

    • 960gs +1 我喜欢那个网站!!
    【解决方案2】:

    答案很快。在 Web 浏览器以某种方式广泛支持 CSS 之前,就使用了表格(用于布局)。

    • 表格占用更多空间
    • DIV 对于未来的布局更加灵活
    • DIV 更容易被搜索引擎解析

    表格的预期用途是按行表示结构数据。

    【讨论】:

      【解决方案3】:

      最好使用 css 进行布局。使用表格进行布局被认为是旧的做事方式。表格是为您需要以表格格式显示数据的情况而创建的。不久前,开发人员开始使用它们来进行页面布局,但我们后来继续前进,现在使用 css 来获得更好的结果。

      【讨论】:

        【解决方案4】:

        通常当有人想要使用 CSS 的模板时,他们明确不想使用表格。 CSS 在很大程度上应该使使用表格来布置东西变得不必要。

        【讨论】:

          【解决方案5】:

          表格非常适合以行和列格式显示大量数据。

          对于网站布局,最好使用其他元素,例如 div,因为您不需要 table、tbody 和 tr 标签,而且浏览器默认不会设置它们的样式,如果不仅仅是边距或填充物。因此,您可以轻松地移动它们并适当地设置它们的样式,并且您将编写更少的代码。

          编辑

          我不喜欢像我在这里阅读的那样将表格与 CSS 分开,如果您使用表格,您仍然可以使用 CSS 设置它们的样式。它们的样式可以与其他元素相同,您也可以将其他元素设置为类似表格的样式。只是它们需要更多的元素围绕它们,因此可随意丢弃。

          【讨论】:

            【解决方案6】:

            在布局中使用表格是个坏主意:

            • 更多 HTML 代码
            • 更多 CSS 代码
            • 有更多时间让它跨浏览器
            • 完全不灵活

            我会使用表格来显示数据,比如网格

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2011-05-19
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2021-07-25
              • 2011-08-24
              • 2011-09-21
              相关资源
              最近更新 更多