问用div对tr标签进行分组真的是个坏主意吗？

EN

table标记中紧邻的div无效。改用tbody

是的，这是一个非常糟糕的想法。

HTML规范不允许div元素作为table元素的子元素，因此它会在浏览器中触发错误恢复例程。

给定以下输入：

<table>
  <tr><td>1</td></tr>
<div>
  <tr><td>2</td></tr>
  <tr><td>3</td></tr>
</div>
  <tr><td>4</td></tr>
<div>
  <tr><td>5</td></tr>
  <tr><td>6</td></tr>
</div>

Firefox将生成DOM (您可以使用Inspect Element特性查看)将如下所示：

<div>
  </div><div>
  </div><table>
  <tbody><tr><td>1</td></tr>
<tr><td>2</td></tr>
  <tr><td>3</td></tr>

  <tr><td>4</td></tr>
<tr><td>5</td></tr>
  <tr><td>6</td></tr>

</tbody></table>

请注意，div元素已从表中删除，并放在表的前面。这使得它们在操作行时变得无用。

超文本标记语言提供了对表行进行分组的thead, tfoot and tbody元素。使用其中适当的元素，而不是div元素(您只能有一个thead和一个tfoot，但对tbody元素的数量没有限制)。

这不是有效的HTML。不能在表中嵌套块或内联元素，只能嵌套表元素，如<tbody>、<tr>或<thead>。当然，您可以在表格单元格(<td>或<th>)中嵌套<div>。