Question

我的页面底部有3列链接。每列都放入一个div中，所有三个div都被包装成一个以页面为中心的大div。这是一个更适合表格的东西，还是表格中错误的工作元素？

Answer 1

您还可以使用<ul>＆amp; <li>为此。

#horizontal {
    width: 100%;
    background: #eee;
    float: left;
}

#horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

这将使用li元素创建水平列，然后您可以填充HTML以在每个li中创建单独的链接。

Answer 2

经验法则是：

将Div用于布局，表格用于表格数据。

另一方面，请查看“经验法则”一词的词源，非常幽默。

Answer 3

您想问自己的问题是，您的链接是否属于任何表格数据？

如果是，表格是您的选择。如果不是，那么你应该使用div。

使用语义校正元素来创建页面很重要，尽管其他元素可能会产生相同的效果，可能会花费更少的精力。

至于你的链接，似乎它们不是表格的一部分。我建议使用div和适当的CSS。

JRH

Answer 4

我认为桌子不是一个好选择。简单地有三列并不构成我书中的表格数据。通过一些干净的标记和良好的样式表，您可以有一种更灵活的方式来实现这一目标。如果你使用左浮动div，只需给它们一个百分比宽度，以便它们填满父容器（100 /元素数）％。这样，如果要添加另一列，则简单标记会更改单个样式表更改。这样你就不必处理浏览器表盘并且在设计上有更大的灵活性 - 除此之外你可以完全改变布局而不需要留下你的样式表。

Answer 5

HTML背后的主要原则是“标记”数据的含义。

我将使用上述原则作为指南：

如果你有3列只是因为它看起来不错 - 那么你的列没有任何意义，你应该尝试使用DIV（这是无意义的“容器”元素）。
如果您有3列，因为有3类链接，那么TABLE就可以了。想象一下，如果您为每个链接列表添加标题 - 这会使TABLE具有THEAD 必要。
事实上，每列都是一个“无序列表” - 它转换为带有LI元素的UL元素。
由于你有一个链接列表，你当然会使用A元素。

所以从第一原则来看，你应该有这样的结构：

<DIV> or <TABLE> (with <TR>/<TD>)
 -> <UL>
 ----> <LI>
 -------- <A>

Answer 6

与其他答案相反，表格可以是语义解决方案。如果这三个部分彼此不同并且具有标题，则可以使用<th>作为标题，并使用<td>作为每个链接。我认为这完全是语义上的。

使用div或表来包含链接列是否更好？

6 个答案: