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 回答