如果所有单元格都为空,是否会显示表格行？

Question

我有一个空表行只是为了分隔行.

<tr>
  <td colspan="5"></td>
</tr>

它在IE,FF,Opera和Safari中呈现.问题是,我是否应该在其中加入一些内容,或者可以保留原样？

喜欢:

<tr>
  <td colspan="5">&nbsp;</td>
</tr>

Answer 1

那么你可以把一个 as列作为内容来确保显示行.更好的方法是使用CSS进行间距.

Answer 2

从语义上讲,空行是有用的,还是纯粹用于布局？如果是后者,可能值得考虑删除空行,并通过CSS提供分离.例如

<tr class="separate-below">
    <td>Data before separater</td><td>More Data</td>...
</tr>
<tr>
    <td>Data after separater</td><td>More Data</td>...
</tr>

在样式表中有以下内容:

TR.separate-below TD,TR.separate-below TH {
    border-bottom: 1em solid white; /* use the background colour of a cell here */
}

或者,您可以使用多个<tbody>元素将行块组合在一起(向表元素添加rules ="groups"会导致<tbody>元素在顶部和底部获得水平边框,并使用<colgroup>元素获取他们左边和右边的边界):

<table rules="groups">
<thead>
    <tr><th>Header</th><th>Header</th>...</tr>
</thead>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
<tbody>
    <tr><td>Data</td><td>Data</td>...</tr>
    ...
</tbody>
...
</table>