HTML 表格 : Semantics of empty cells

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>