复杂的 HTML 表格未验证：表格行“超过了第一行建立的列数”

Question

validator.w3.org 给了我错误：

表格行有 4 列宽，超过了第一行 (1) 建立的列数。

看起来像这样：

|1|2.1|2.2    |
| |3.1|3.2|3.3|
| |4.1|4.4|4.5|

<table>
  <tbody>
    <tr>
      <td rowspan="4"> 1 </td>
    </tr>
    <tr>
      <td> 2.1 </td>
      <td colspan="2"> 2.2 </td>
    </tr>
    <tr>
      <td> 3.1 </td>
      <td> 3.2 </td>
      <td> 3.3 </td>
    </tr>
    <tr>
      <td> 4.1 </td>
      <td> 4.2 </td>
      <td> 4.3 </td>
    </tr>
  </tbody>
</table>

我简化了数据，代码来自艾萨克牛顿爵士的自然哲学数学原理，显然他对HTML表格规则的理解不如我。

实际表：http://lightwizzard.com/books/mathematical.philosophy/mathematical.principles.of.natural.philosophy.html#book3.2.68

Answer 1

您必须合并前两行并更改第一个字段的行跨度：

<table>
  <tbody>
    <tr>
      <td rowspan="3"> 1 </td>
      <td> 2.1 </td>
      <td colspan="2"> 2.2 </td>
    </tr>
    <tr>
      <td> 3.1 </td>
      <td> 3.2 </td>
      <td> 3.3 </td>
    </tr>
    <tr>
      <td> 4.1 </td>
      <td> 4.2 </td>
      <td> 4.3 </td>
    </tr>
  </tbody>
</table>