正确的方式来整理表
问题描述:
我有这个标记正确的方式来整理表
<div id="standards">
<table border="1">
<thead>
<tr>
<th>Markup</th>
<th colspan="4">HTML</th>
<th colspan="4">XHTML</th>
</tr>
</thead>
<tbody>
<tr>
<th>Version</th>
<td colspan="3">4.01</td>
<td>5</td>
<td colspan="3">1.0</td>
<td>5</td>
</tr>
<tr>
<th>Flavour</th>
<td>Strict</td>
<td>Transitional</td>
<td>Frameset</td>
<td>N/A</td>
<td>Strict</td>
<td>Transitional</td>
<td>Frameset</td>
<td>N/A</td>
</tr>
<tr>
<th>Support</th>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
<td>Yes</td>
</tr>
</tbody>
我的问题是,我应该离开第一和第二“TR”中的“TBODY”,因为它是现在,还是应该我从语义角度将它们移到“thead”。表中可以看到,有3个标题。这样做的正确方法是什么?这里是小提琴
答
如果这个表确实有3个行头(没有数据),把它们放在<thead>
。
<td>
适用于一般的实际数据。
表格行中的<th>
没有错,它表示该单元格是该特定行的标题。
你很好,就是这样。