<t>内<td>未正确显示

Question

任何人都可以告诉我为什么我的内部行不会进入td.

<tr id="group_1_id">
    <th>Group 1</th>
    <td>
        <tr id="1"><td>1</td><td>One</td><td><input type="text" name="one" value="one"/></td></tr>
        <tr id="2"><td>2</td><td>Two</td><td><input type="text" name="two" value="two"/></td></tr>
        <tr id="3"><td>3</td><td>Three</td><td><input type="text" name="three" value="three"/></td></tr>
    </td>
</tr>

3个表行位于父tr之外.虽然它们是在我的父tr的td内定义的.

提前致谢

Answer 1

我会说你的HTML不正确.如果你想要一个标题部分,那么使用<thead> 或<tbody>元素,而不是<th>.我相信你的问题来自你使用<th>而不是<thead>.

您可能希望使用验证程序来检查HTML是否正确.例如,将您的页面上传到http://validator.w3.org,并更正它显示的错误.

还要检查规范(例如在www.whatwg.org上),因为我想你想在表中创建多个标题部分.表可以具有不多于一个<thead>,不多于一个<tfoot>,以及任何数量的<tbody>元素.

哦,你刚刚回答了这个问题,但问题是一样的:)

甲<tr>元件不能被放置在内部<td>或<th>.解析该代码时,会自动创建嵌套表,因此真正的HTML如下所示:

<tr id="group_1_id">
  <th>Group 1</th>
  <td>
    <table>
      <tbody>
        <tr id="1"><td>1</td><td>One</td><td><input type="text" name="one" value="one"/></td></tr>
        <tr id="2"><td>2</td><td>Two</td><td><input type="text" name="two" value="two"/></td></tr>
        <tr id="3"><td>3</td><td>Three</td><td><input type="text" name="three" value="three"/></td></tr>
      </tbody>
    </table>
  </td>
</tr>