嗨，自从我问了一个问题已经有一段时间了，这已经困扰了我一段时间了，问题本身就出现在标题中：
编写具有垂直标题的HTML表的首选方式是什么？
垂直标题是指表格<th>的左侧（通常是）标题（）
标头1数据数据数据
标头2数据数据数据
标头3数据数据数据
它们看起来像这样，到目前为止，我已经提出了两种选择
第一选择
<table id="vertical-1">
<caption>First Way</caption>
<tr>
<th>Header 1</th>
<td>data</td><td>data</td><td>data</td>
</tr>
<tr>
<th>Header 2</th>
<td>data</td><td>data</td><td>data</td>
</tr>
<tr>
<th>Header 2</th>
<td>data</td><td>data</td><td>data</td>
</tr>
</table>
这种方式的主要优点是，你有权利（实际上左）头所表示的，我不喜欢但是旁边就是<thead>，<tbody>和<tfoot>标签丢失，而且也没有办法，包括他们没有打破巧妙地将元素放在一起，这使我进入了第二个选择。
第二种选择
<style type="text/css">
#vertical-2 thead,#vertical-2 tbody{
display:inline-block;
}
</style>
<table id="vertical-2">
<caption>Second Way</caption>
<thead>
<tr>
<th colspan="3">Header 1</th>
</tr>
<tr>
<th colspan="3">Header 2</th>
</tr>
<tr>
<th colspan="3">Header 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>row 1</td>
<td>row 1</td>
<td>row 1</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
<tr>
<td>data</td>
<td>data</td>
<td>data</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="4">Footer</td>
</tr>
</tfoot>
</table>
这里的主要优点是您有一个完全描述性的html表，缺点是正确的表示形式对于tbodyand thead标签需要一些CSS，并且标头和数据之间的关系不是很清楚，因为我在创建时有疑问标记。
因此，这两种方式都可以使表格呈现应有的效果，这是一个必填项：
如果愿意，可以在标题的左侧或右侧显示任何建议，替代方法和浏览器问题？