包含表和colspan的程序出现html错误

Question

为什么下面的html代码不适用于表中的usig colspan？

<html>
    <head>
        <title>table</title>
    </head>

    <body>      
        <table height="200" width="200" border="1">    
            <tr>
                <td colspan="9">EXAM SCHEDULE</td>
            </tr>

            <tr>
                <td colspan="3">D</td>
                <td colspan="4">T</td>
                <td colspan="2">V</td>
            </tr>    
        </table>
    </body>
</html>

这就是我从代码中得到的信息：

​

​

Answer 1

除了一些不需要的html之外，您的html中没有重大错误，我已经删除了主体标记，但是只有在向其中添加更多列(如下面的html代码)之后，您才能看到差异：

<html>
 <head>
<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<title>table</title>
</head>

<body>      
<table height="200" width="200" border="1">

<tr>
<td colspan="9">EXAM SCHEDULE</td>
</tr>

<tr>
<td colspan="3">D</td>
<td colspan="4">T</td>
<td colspan="2">V</td>
</tr>
<tr>
<td>t1</td>
<td>u1</td>
<td>g1</td>
<td>t2</td>
<td>u2</td>
<td>g2</td>
<td>u2</td>
<td>t4</td>
<td>u4</td>
</tr>
</table>
    <script>
    $(function(){ 
  $(document).on("click",".seat",function(){
        alert($(this).parent().find('.green').length);
    });
});
    </script>
</body>
</html>

Answer 2

预期的产出是多少？代码没有语法错误。

表单元格可以跨越多个列或行。属性COLSPAN (“跨多少”)和ROWSPAN (“向下多少”)指示单元格应占用多少列或行。

因此，使用colspan=9指定的考试时间表将使用9列。按照代码，总共有9列。