Question

我有一个非常简单的问题。在示例1中编写具有2个不同标题和重复子标题的表是一个好习惯，还是将此代码拆分为2个表更好/更具语义（参见示例2）？

示例1：

<table>
<tr>
  <th colspan="3">HEADER 1</th>
</tr>
<tr>
  <th>sub-header 1</th>
  <th>sub-header 2</th>
  <th>sub-header 3</th>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <th colspan="3">HEADER 2</th>
</tr>
<tr>
  <th>sub-header 1</th>
  <th>sub-header 2</th>
  <th>sub-header 3</th>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>
<tr>
  <td>data</td>
  <td>data</td>
  <td>data</td>
</tr>

示例2：

<table>
  <tr>
    <th colspan="3">HEADER 1</th>
  </tr>
  <tr>
    <th>sub-header 1</th>
    <th>sub-header 2</th>
    <th>sub-header 3</th>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
</table>
<table>
  <tr>
    <th colspan="3">HEADER 2</th>
  </tr>
  <tr>
    <th>sub-header 1</th>
    <th>sub-header 2</th>
    <th>sub-header 3</th>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
  <tr>
    <td>data</td>
    <td>data</td>
    <td>data</td>
  </tr>
</table>

Answer 1

使用尽可能多的表或更少的表来传达您想传达的信息。如果您没有使用HTML，并且说要将数据放在一张纸上以供其他人理解，您会使用零，一，两个或更多表吗？这就是你应该使用多少个表。

xhtml表 - 正确使用

1 个答案: