Chia các hàng trong bảng HTML thành các phần được gắn nhãn

Question

Có cách hợp lệ để phân chia các hàng của bảng thành các phần không, với một nhãn xác định phần đó?

Ví dụ, một cái gì đó giống như mã dưới đây, nhưng với một tiêu đề hoặc chú thích vào lúc bắt đầu của mỗi tbody (Hình như tiêu đề/chú thích chỉ được phép ở phía trên cùng của một bảng)

<THEAD> 
<TR> <TH>Weekday</TH> <TH>Date</TH> <TH>Manager</TH> </TR> 
</THEAD> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/11/2000</TD> <TD>Kelsey</TD> </TR> 
<TR> <TD>Tuesday</TD> <TD>09/12/2000</TD> <TD>Lindsey</TD> </TR> 
<TR> <TD>Wednesday</TD> <TD>09/13/2000</TD> <TD>Randy</TD> </TR> 
<TR> <TD>Thursday</TD> <TD>09/14/2000</TD> <TD>Susan</TD> </TR> 
<TR> <TD>Friday</TD> <TD>09/15/2000</TD> <TD>Randy</TD> </TR> 
<TR> <TD>Saturday</TD> <TD>09/16/2000</TD> <TD>Lindsey</TD> </TR> 
<TR> <TD>Sunday</TD> <TD>09/17/2000</TD> <TD>Susan</TD> </TR> 
</TBODY> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/18/2000</TD> <TD>Melody</TD>  </TR> 
<TR> <TD>Tuesday</TD> <TD>09/19/2000</TD> <TD>Christiane</TD> </TR> 
<TR> <TD>Wednesday</TD> <TD>09/20/2000</TD> <TD>Symphony</TD> </TR> 
<TR> <TD>Thursday</TD> <TD>09/21/2000</TD> <TD>Starflower</TD> </TR> 
<TR> <TD>Friday</TD> <TD>09/22/2000</TD> <TD>Miko</TD>  </TR> 
<TR> <TD>Saturday</TD> <TD>09/23/2000</TD> <TD>Cleo</TD>  </TR> 
<TR> <TD>Sunday</TD> <TD>09/24/2000</TD> <TD>Alyx</TD>  </TR> 
</TBODY> 

<TBODY> 
<TR> <TD>Monday</TD> <TD>09/25/2000</TD> <TD>Dancing Star</TD> </TR> 
<TR> <TD>Tuesday</TD> <TD>09/26/2000</TD> <TD>Dawn</TD>   </TR> 
<TR> <TD>Wednesday</TD> <TD>09/27/2000</TD> <TD>Josh</TD>   </TR> 
<TR> <TD>Thursday</TD> <TD>09/28/2000</TD> <TD>Ryan</TD>   </TR> 
<TR> <TD>Friday</TD> <TD>09/29/2000</TD> <TD>Mary Kay</TD>  </TR> 
<TR> <TD>Saturday</TD> <TD>09/30/2000</TD> <TD>Hallie</TD>  </TR> 
<TR> <TD>Sunday</TD> <TD>10/01/2000</TD> <TD>Paul</TD>   </TR> 
</TBODY> 

</TABLE> 

Answer 1

cách ưa thích của tôi về làm một cái gì đó như thế là sử dụng một <TH> rằng nhịp (colspan) trên một hàng đầy đủ.

Answer 2

Nói chung mọi người sử dụng hàng phụ và sử dụng colspan để mở rộng trên tất cả các cột.

Trong trường hợp của bạn: <tr><td colspan = "7">...</td></tr>

Answer 3

HTML5 specification không nói rằng chỉ có thể có một phần <TBODY>. Mã của bạn là OK. Một ví dụ nữa:

<table> 
     <thead> 
       <tr> 
         <th>Fruits</th> 
         <th>Vitamin A</th> 
         <th>Vitamin C</th> 
       </tr> 
     </thead> 

     <tbody id="section1"> 
       <tr> 
         <th>Apples</th> 
         <td>98 ui</td> 
         <td>8.4 mg</td> 
       </tr> 
     </tbody> 

     <tbody id="section2"> 
       <tr> 
         <th>Oranges</th> 
         <td>295 ui</td> 
         <td>69.7 mg</td> 
       </tr> 
       <tr> 
         <th>Bananas</th> 
         <td>76 ui</td> 
         <td>10.3 mg</td> 
       </tr> 
     </tbody> 
</table>