html-table - 在单个表格行 中混合表格标题 和表格数据 单元格

Question

我有一组调查问题，每个问题都安排在一个单行表中。我希望第一个条目用作提示，并且一直在该单元格中使用 ，如:

<table style='width:100% table-layout:fixed;border-collapse: collapse;'>
  <tr>
    <th style='width:40%'>
      <b>How long were you on active surveillance?</b>
    </th>
    <td style='width:10%;'>f3_watchtime_num</td>
    <td style='width:5%'></td>
    <td style='width:50%;>f3_watchtime</td>
  </tr>
</table>

它似乎工作正常，但我对在单个 中混合 和 单元格有一些保留和疑问:

1. 这是否符合 HTML5 标准？ (是否有 W3C 文档允许或禁止这种做法？)
2. 这种做法有什么缺点吗？

谢谢，大卫

Answer 1

1。这符合 HTML5 标准吗？ (是否有 W3C 文档允许或禁止这种做法？)

W3C tr 引用说明它的内容模型可以包含:

Content Model:
Zero or more td, th, and script-supporting elements
https://www.w3.org/TR/html5/tabular-data.html#the-tr-element

虽然您的用法不是很常见，但 W3C 中没有任何内容禁止它。

2。这种做法有什么缺点吗？

关于 th 和 td 一起使用，如果它们是 tr 元素的子元素，W3C 会接受它。
但是，如果您要显示表格数据(即您的调查结果是数据)，则可以使用表格。如果您将表格用于布局目的，则应改用基于 CSS 的布局。