在HTML5中表示空TH的最佳方法是什么？ [英] What's the best way to represent an empty TH in HTML5?
问题描述
说我有给定的表格：
+------+------+------+
| Col1 | Col2 | Col3 |
+------+------+------+------+
| Row1 | D1.1 | D1.2 | D1.3 |
+------+------+------+------+
| Row2 | D2.1 | D2.2 | D2.3 |
+------+------+------+------+
| Row3 | D3.1 | D3.2 | D3.3 |
+------+------+------+------+
我想在HTML5中代表它。棘手的是，像这样的表必须在语义上很重要，但左上角的单元格不在语义上很重要，而是一个间隔符来排列更重要的列标题。最好的方法是什么？我的第一个想法是这样做：
And I want to represent it in HTML5. The tricky thing is that tables like this must be semantically important, but the top-left cell is not semantically important, but instead a spacer to line up the more important column headers. What's the best way to do this? My first idea is to do it like this:
<table>
<thead>
<tr>
<th></th>
<th>Col1</th>
<th>Col2</th>
<th>Col3</th>
</tr>
</thead>
<tbody>
<tr>
<th>Row1</th>
<td>D1.1</td>
<td>D1.2</td>
<td>D1.3</td>
</tr>
<tr>
<th>Row2</th>
<td>D2.1</td>
<td>D2.2</td>
<td>D2.3</td>
</tr>
<tr>
<th>Row3</th>
<td>D3.1</td>
<td>D3.2</td>
<td>D3.3</td>
</tr>
</tbody>
</table>
但是，把< th>< / th> 在那里感觉错了，比如使用< p>& nbsp;< / p> 作为间距。 有更好的方法吗？
Though, putting <th></th> in there feels just wrong, like using <p> </p> for spacing. Is there a better way to do this?
推荐答案
空白<$完全可以接受c $ c>< th> 元素，以有效性或语义来讲。 规范中没有任何内容禁止它;事实上，它包含至少一个使用的示例一个空的< th> 用于相同目的：
It's completely acceptable to have an empty <th> element, speaking in terms of either validity or semantics. Nothing in the spec forbids it; in fact, it contains at least one example that makes use of an empty <th> for the same purpose:
以下显示如何有人可能会在Apple公司2008年财政年度的10-K申请表第46页上标明毛利率表：
The following shows how one might mark up the gross margin table on page 46 of Apple, Inc's 10-K filing for fiscal year 2008:
<table>
<thead>
<tr>
<th>
<th>2008
<th>2007
<th>2006
<tbody>
<tr>
<th>Net sales
<td>$ 32,479
<td>$ 24,006
<td>$ 19,315
<!-- omitted for brevity -->
</table>
这篇关于在HTML5中表示空TH的最佳方法是什么？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
