什么应该是"水平"的语义结构?无头的桌子?

时间:2018-01-06 01:48:58

标签: html

我知道如何在第一列中使用rowspantd创建此类表格,但我想知道什么是最好的语义方法此

我是否可以创建3个表(如this site所示)并使用主要部分作为其中的头部,如下所示:

<th scope="col">Section 1</th>

HTML table structure

1 个答案:

答案 0 :(得分:2)

看起来你非常接近。对于行级标题,您将要使用scope="row"。不幸的是,似乎没有任何方法可以使<thead>垂直:

<table>
  <tbody>
    <tr>
      <th scope="row" rowspan="2">Section 1</th>
      <td>Subsection 1A</td>
      <td>Content of subsection 1A</td>
    </tr>
    <tr>
      <td>Subsection 1B</td>
      <td>Content of subsection 1B</td>
    </tr>
    <!-- etc -->
  </tbody>
</table>