0

在以下情况下，我需要您的建议。可以说我有一个类似的用户界面

Col1 Col2
A    D
B    E
C    F

现在要在我的 HTML 中得到这个，我正在使用 ..like

<div class="col1">
  <div>A</div> 
  <div>B</div>
  ..........
</div>
<div class="col2">
  <div>D</div> 
  <div>E</div>
  ..........
</div>

但是在这里我使用了太多的 div ..按照标准 XHTML 是否可以，还是应该使用<li>？

有人可以提出适当的解释，或者别的什么吗？注意：不使用表 谢谢。

4

4 回答 4

4

在我看来，您正在尝试显示该table元素非常适合并且是预期用途的表格数据。

<table>
  <tr>
    <th>Col1</th>
    <th>Col2</th>
  </tr>
  <tr>
    <td>A</td>
    <td>B</td>
  </tr>
</table>

如果您真的不想使用table，我会div像您在示例中那样使用该元素。但最终你会意识到你想要完成的是模拟一个已经存在的元素 - table.

您应该记住，当您div用作表格时，当您禁用 CSS 或使用较旧的移动浏览器（不支持浮动）查看它时，它看起来不会很好。

于 2009-09-15T07:02:00.100 回答
0

您也许可以使用定义列表，尽管它更适合键/值对数据，但在您的情况下可能是这种情况，我无法确定。

如果没有，就像 Manticore 说的那样，只需使用表格： http: //giveupandusetables.com/

于 2009-09-15T07:05:23.247 回答
0

我会支持 Manticore 的声明。表格也应该用于表格数据（以行和列显示的数据）。每个人都在使用 div 代替表格进行布局，但这并不意味着应该放弃表格。您正在做的不是布局；它正在构建特定的内容片段，因此您应该使用表格标签。此外，还有一些优点：

  • 您可以使用包含标签的 s 来创建表头。如果用户打印表格并且超出一页，则表格中的内容将打印在每个新页面的顶部。标签也是如此。一个细微的区别：里面的内容应该是单元格 1 的内容格式 - 除了 .
  • Divs 实际上不可能以表格格式布局。它们对于页面设计布局很有用，但不一定适用于表格数据。另外，如果您正在创建一个用户将在其中添加更多数据的交互式页面，您会发现自己很难弄清楚 div 的位置是什么。
于 2009-09-15T07:07:02.400 回答
0

“语义标准”肯定是使用表格。正如其他人所说，这是您的基本表格数据。这就是他们的目的，故事结束。

但是，如果您不能使用表，那么我会说下一个最具有语义意义的结构将是列表，因为它允许您定义元素之间的关系，如下所示：

<ul>
<li>Col1
    <ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
    </ul></li>
<li>Col2
   <ul>
   <li>D</li>
   <li>E</li>
   <li>F</li>
   </ul></li>
</ul>

然后，最糟糕的是div。“最差”是因为它们没有语义。标签汤，基本上。

于 2009-09-15T07:26:09.303 回答