Question

我正在开发一种4x3的卡板。所以我尝试用XTHML Transitional做标记。我用过与桌子混合的容器。第一行的示例：

<table>
 <tr>
   <div class="slot_01"></div>
   <div class="slot_02"></div>
   <div class="slot_03"></div>
   <div class="slot_04"></div>
 </tr>
 <tr>
 ...
 </tr>
</table>

这是否正确完成？或者更好的是在任何地方只使用div / span块并通过css进行样式设计？

Answer 1

如果您使用表格，请使用table，tr，td，而不是div。

我认为现在大多数人都试图避免表格，除了“真正的表格数据”，更喜欢“纯CSS”解决方案。

这取决于您的整体标记（例如，您希望在单元格中显示的内容）。在你的情况下，我想我会选择一个无表格的解决方案。

Answer 2

不，你需要td，就像这样：

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

如果你真的需要，把你的div放在TDs内。

Answer 3

如果您的数据本质上是表格式的，那么使用tables并没有错。其他人都是正确的 - 您需要在示例代码中使用表格单元格而不是div。

Answer 4

如果可以的话，理想情况下使用div / span块，但上面的代码没问题，你只需要将每个div包装在一个td元素中：

<table>
 <tr>
   <td><div class="slot_01"></div></td>
   <td><div class="slot_02"></div></td>
   <td><div class="slot_03"></div></td>
   <td><div class="slot_04"></div></td>
 </tr>
 <tr>
 ...
 </tr>
</table>

Answer 5

对于entIre页面的布局，我会做无用的。请记住：XHTML用于结构，CSS用于显示结构。

XHTML正确的语法

5 个答案: