HTML验证程序在看似正确的代码行上显示错误

Question

我正在为一项大学任务创建一个表。每隔一段时间，我们就必须将代码放入验证器中。由于某些原因，验证器不断显示这些错误：https://i.ibb.co/dLnzTh2/error.png
错误是关于<thead>内部的<th>标记。

<table style="width: 700px" >
<thead>
<tr>
<th colspan="8">Market Shares of Graphics Adapters in Q4 2013
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">-</td>
<td rowspan="2">Q4 2013</td>
<td rowspan="2">Q3 2013</td>
<td colspan="4" rowspan="1" style="text-align: center">Quarter over Quarter Changes</td>
<td rowspan="2">2012</td>
</tr>
<tr>
<td colspan="2">Unit Shipments</td>
<td colspan="2">Share</td>
</tr>
<tr>
<td>AMD</td>
<td>18.30%</td>
<td>20.70%</td>
<td colspan="2">-10.40%</td>
<td colspan="2">-2.40%</td>
<td>19.70%</td>
</tr>
</tbody>
</table>

你知道是什么原因造成的吗？作为参考，整张表如下所示：https://i.ibb.co/LkMbWc9/table.png

Answer 1

这总是意味着"没有任何单元格的柱"-collspan很难找到，但有可能——在代码段中，Unit Shipments和Share是蓝色的——这是td的两倍，并且在两者中都有一个空列——因为两者都是从顶部开始的colspand
很快-整个表格的2个不需要的单元格太宽

td, th{ border: 1px solid red}          /* this shows every th, td even empty */
td[colspan] { border: 1px solid blue}       /* this shows colspans */

<table style="width: 700px" >
<thead>
<tr>
<th colspan="8">Market Shares of Graphics Adapters in Q4 2013
</th>
</tr>
</thead>
<tbody>
<tr>
<td rowspan="2">-</td>
<td rowspan="2">Q4 2013</td>
<td rowspan="2">Q3 2013</td>
<td colspan="4" rowspan="1" style="text-align: center">Quarter over Quarter Changes</td>
<td rowspan="2">2012</td>
</tr>
<tr>
<td colspan="2">Unit Shipments</td>
<td colspan="2">Share</td>
</tr>
<tr>
<td>AMD</td>
<td>18.30%</td>
<td>20.70%</td>
<td colspan="2">-10.40%</td>
<td colspan="2">-2.40%</td>
<td>19.70%</td>
</tr>
</tbody>
</table>