HTML表格:空单元格的语义

Question

我不经常使用表格,但是当我得到一些表格数据时,它会进入表格.但我想知道除了使用空单元格之外是否有更好或更恰当的对齐单元格的方法.

例如,我正在使用一个结帐表,该表一行列出了每个产品,价格等,根据需要添加了多行.最后,有标准的子,航运,总领域.

现在他们想要最后一部分都在右侧,这是我遇到的一个非常标准的设置.不是每个人都这样,但足以让我看到它.所以我不反对它,但我能看到的唯一方法是添加大量空单元以使对齐正确.

<tr>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td>Sub-Total</td>
</tr>
<tr>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td><!--This cell should be empty--></td>
    <td>Total</td>
</tr>

由于我通常会尝试非常仔细地遵循语义,因此感觉不对.就像我错过了什么.但是在其他领域,由于没有特定的数据可以放在那里,所以有些单元格不会被填充,即如果一个产品有选项但其他产品没有.所以这不可能是错的,因为那些字段必须是空的.所以我被抓住了,并不知道这是对的,错的,意见还是什么.

Answer 1

您可以使用该colspan属性.您可能希望将该列中的文本与CSS右对齐:

<tr>
    <td colspan="6">Sub-Total</td>
</tr>
<tr>
    <td colspan="6">Total</td>
</tr>