放一个&nbsp;是不是很好 在一个空的<td>里面？

Question

如果这是结构:

<table cellspacing="0" cellpadding="0">
   <tr>
      <td>I don't need anything here, should I always put a &nbsp; here?</td>
      <td>item </td>
   </tr>
   <tr>
      <td>model</td>
      <td>one</td>
   </tr>
   <tr>
      <td>model</td>
      <td>two</td>
   </tr>
   <tr>
      <td>model</td>
      <td>three</td>
   </tr>
</table>

屏幕阅读器如何读取空白td？它在语义上是否正确？

Answer 1

语义正确恕我直言,是保持一个空单元格真的是空的.然而, 出于实际原因,我也用s 填充空单元格.

至于屏幕阅读器,我不得不做出一个猜测:空节点可能不会被读取,因为HTML包括主要的空白文本节点,读者忽略,而我认为,这 是折叠在一个简单的空间阅读器应用程序(因为不破坏是视觉媒体的属性).

为了直观呈现,可以依赖CSS表属性empty-cells:

table {
    empty-cells: show;
}

Answer 2

从语义上讲,HTML表实际上只是数据的数组(矩阵),并且没有理由不将不间断空格字符视为数据.它是否真正有意义取决于表的目的,结构和内容.在大多数情况下,有一个更好的解决方案.请参阅HTML表格中的空单元格中的一些建议.

在技​​术方面,不间断空间具有宽度和高度,这取决于字体,并且这对单元的尺寸施加了最低要求.这可能很重要,但主要是在行或列仅用作分隔符的情况下,例如创建水平或垂直线.

使用不间断空间的另一个影响,与使用正常空间或使单元格完全为空相反,是它可能影响单元格周围边框的外观以及单元格内的背景颜色和背景图像.

屏幕阅读器在指示空单元格的方式上有所不同,如果有的话,这也可能取决于读取模式.在任何情况下,用户都没有得到真正发生的事情的指示,即什么是空单元(如果空白被传达给用户)意味着什么.在视觉浏览中,意义可能(或可能不)显而易见.