HTML5の構文エラー（colspan）について

以下のようなHTML文

html
1<!DOCTYPE html>
2<html>
3<head>
4<meta http-equiv="content-type" content="text/html; charset=UTF-8">
5<title>テスト</title>
6</head>
7<body>
8  <table border="1">
9    <tr>
10      <th colspan="6">大見出し</th>
11    </tr>
12    <tr>
13      <th>見出し１</th>
14      <td class="formLB" colspan="2">
15        <input type="text" id="test1">
16      </td>
17      <th>見出し２</th>
18      <td class="formLB" colspan="2">
19        <input type="text" id="test2">
20      </td>
21    </tr>
22    <tr>
23      <th>見出し３</th>
24      <td class="formLB" colspan="2">
25        <input type="text" id="test3">
26      </td>
27      <th>見出し４</th>
28      <td class="formLB" colspan="2">
29        <input type="text" id="test4">
30      </td>
31    </tr>
32    <tr>
33      <th colspan="6">大見出し</th>
34    </tr>
35  </table>
36</body>
37</html>

をw3c validateでチェックを通すと、
このようなエラーが出ます。

Table column 3 established by element th has no cells beginning in it.
Table column 6 established by element th has no cells beginning in it.

（テーブルの）２行目、３行目のcolspanの設定を失くして、
１行目と４行目のcolspanの設定を「colspan=4」にするとそのエラーはなくなります。

質問なのですが、確かに列の数（thとtdの数）は純粋には４つだけなのでcolsplan=6はおかしいようには見えますが、
そのうちtdの２つに関してはcolspan=2のため、実質１行に６列ある計算になるのでcolspan=6は正しいと思うのですが、
このような記載は不正なのでしょうか。
（やるならばtdの幅を設定してcolspanを使用しないことが正なのでしょうか。）
もしくは、たまたま該当のエラーが出なくなっただけで、エラーの内容は違いますでしょうか。

行動規範の内容に同意します

回答2件

ベストアンサー

このような記載は不正なのでしょうか。

はい、colspanだけで埋まってしまう列を作るのは適切ではない、とのことです（StackOverflow）。

If there exists a row or column in the table containing only slots that do not have a cell anchored to them, then this is a table model error.（HTML LSより）

投稿2019/09/18 01:56

maisumakun

総合スコア145975

syncrock

2019/09/18 02:40

回答ありがとうございます。やはり不正なのですね、助かりました。

行動規範の内容に同意します

このような記載は不正なのでしょうか。

その通りです

（やるならばtdの幅を設定してcolspanを使用しないことが正なのでしょうか。）

はいそうです。

そもそもcolspan="2"は必要でしょうか？
以下のようなコードにすると該当のエラーがでなくなるはずです。

HTML
1<body>
2  <table border="1">
3    <tr>
4      <th colspan="4">大見出し</th>
5    </tr>
6    <tr>
7      <th>見出し１</th>
8      <td class="formLB">
9        <input type="text" id="test1">
10      </td>
11      <th>見出し２</th>
12      <td class="formLB">
13        <input type="text" id="test2">
14      </td>
15    </tr>
16    <tr>
17      <th>見出し３</th>
18      <td class="formLB">
19        <input type="text" id="test3">
20      </td>
21      <th>見出し４</th>
22      <td class="formLB">
23        <input type="text" id="test4">
24      </td>
25    </tr>
26    <tr>
27      <th colspan="4">大見出し</th>
28    </tr>
29  </table>
30</body>