复杂的HTML表未验证:表行"超过第一行建立的列数"

时间:2018-04-08 05:39:31

标签: html html-table w3c-validation

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

1 个答案:

答案 0 :(得分: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>