Question

这是我的HTML表格：

<div>
  <table>
    <thead>
      <tr>
        <th>Host Name</th>
        <th>OS Name</th>
        <th>OS Architecture</th>
      </tr>
    </thead>
    <tbody>
      <div id = "tttt">
        <tr>
          <td>a</td>
          <td>b</td>
          <td>c</td>
        </tr>
      </div>
    </tbody>
  </table>
</div>

当我在HTML中查找view source时，<div>标记似乎已经移到了表格之上。知道为什么会这样吗？我在那个地方使用div，因为我想通过javascript填充记录。

Answer 1

您的HTML格式错误 - div无条件允许直接位于tbody元素下方。你所看到的只是你的浏览器试图通过根本破坏的输入来实现可用的东西。

From the standards on tbody：

允许的内容

零个或多个tr元素

没有别的，当然也没有div。

Answer 2

无法在div或td标记之外的表格中输入

th个标记。由于您的浏览器试图了解您的代码，div标记跳出了您的表格。

Answer 3

像这样放置<div>标签

<td><div></div><td>

只允许在div或td个元素中放置th。

Answer 4

这不是将div置于table内的正确方法。

使用<td>放置表格数据，即div。

表格内的div标签 - html

4 个答案: