使用“hidden”html属性隐藏表格单元格是否因为rowspan和colspan语义不正确?

bogh5gae  于 2022-11-20  发布在  其他
关注(0)|答案(1)|浏览(194)

当由于另一个表格单元格的rowspan和colspan属性而隐藏表格单元格时,使用“hidden”属性在语义上是否正确?
我只能找到完全删除表格单元格以为跨越多行和多列的单元格(具有rowspancolspan属性)腾出空间的示例。
示例:

<table>
  <tr>
    <td colspan="3" rowspan="2">#1</td>
  </tr>
  <tr></tr>
  <tr>
    <td>#7</td>
    <td>#8</td>
    <td>#9</td>
  </tr>
</table>

但是这样做在语义上有效吗?

<table>
  <tr>
    <td colspan="3" rowspan="2">#1</td>
    <td hidden></td>
    <td hidden></td>
  </tr>
  <tr>
    <td hidden></td>
    <td hidden></td>
    <td hidden></td>
  </tr>
  <tr>
    <td>#7</td>
    <td>#8</td>
    <td>#9</td>
  </tr>
</table>

我们来简单给予一下背景:我正在使用一个富文本编辑器,它有一个约束,即空的span元素被添加到空的block元素中。在空的表行中包含span元素将被视为无效的HTML(tr只能将tdth作为子元素)。
我一直在研究一点,但无法找到一个明确的答案,我的问题。

3yhwsihp

3yhwsihp1#

这是不正确的,您根本不需要在HTML中写入这些单元格。示例中正确的HTML如下所示。
在一行的所有单元格中使用相同的行跨度值(就像在第一个单元格中跨越所有列)是没有意义的--这不是一个网格系统,而只是一个表格,它将包含您放入其中的任何内容。
第一个

相关问题