HTML表可以在行上有可变数量的单元格吗？

Question

或者细胞总量应该等于columns * rows？

在不同行上具有不同数量的单元格的表似乎通过了W3 Validator.

Answer 1

这并不违反定义.但是您应该使用colspan属性将列展开到整行:

<table>
  <tr>
    <td>Row with</td>
    <td>2 cols</td>
  </tr>
  <tr>
    <td colspan="2">Row with only one col</td>
  </tr>
</table>

如果你在细胞周围有边界,这也会有所帮助.

您甚至可以拥有一个扩展为两行的列的表:

<table>
  <tr>
    <td rowspan="2">First column in row 1 and row 2</td>
    <td>Second column in row 1</td>
  </tr>
  <tr>
    <td>second column in row 2</td>
  </tr>
</table>

Answer 2

您可以使用colspan,但包含colspan值的总和应相等,以使表格正确呈现.

<table>
  <tr>
     <td colspan="2">blah</td>
  </tr>
  <tr>
     <td>blah</td>
     <td>boo</td>
  </tr>
</table>

第一行有一个单元格,但它跨越2个单元格,因为colspan第二行有两个单元格,这是完全有效的.