Question

我想创建一个包含多个标题的表来突出显示不同的区域。

基本上，结构需要看起来像这样：

<table border="1">
  <tr>
    <td>Title 1</td>
  </tr>
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
  </tr>
  <tr>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>
  <tr>
    <td>Title 2</td>
  </tr>
  <tr>
    <td>Col 5</td>
    <td>Col 6</td>
  </tr>
  <tr>
    <td>Col 7</td>
    <td>Col 8</td>
  </tr>
  <tr>
    <td>Col 8</td>
    <td>Col 10</td>
  </tr>
</table>

但我不确定，这是否是有效的代码。

标题是否有正确的标签？

这是FIDDLE。

Answer 1

您应该使用<th>标记作为标题。

UPD 顺便说一句，您可以使用此validator

检查代码是否有效

Answer 2

正确的方法就是这样，使用th，colspan为2来跨越2列。

＆＃13;

<table border="1">
  <tr>
    <th colspan="2">Title 1</th>
  </tr>
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
  </tr>
  <tr>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>
  <tr>
    <th colspan="2">Title 2</th>
  </tr>
  <tr>
    <td>Col 5</td>
    <td>Col 6</td>
  </tr>
  <tr>
    <td>Col 7</td>
    <td>Col 8</td>
  </tr>
  <tr>
    <td>Col 8</td>
    <td>Col 10</td>
  </tr>
</table>

＆＃13;

Answer 3

试试吧

<table border="1">
  <tr>
    <th colspan="2">Title 1</th>
  </tr>
  <tr>
    <td>Col 1</td>
    <td>Col 2</td>
  </tr>
  <tr>
    <td>Col 3</td>
    <td>Col 4</td>
  </tr>
  <tr>
    <th colspan="2">Title 2</th>
  </tr>
  <tr>
    <td>Col 5</td>
    <td>Col 6</td>
  </tr>
  <tr>
    <td>Col 7</td>
    <td>Col 8</td>
  </tr>
  <tr>
    <td>Col 8</td>
    <td>Col 10</td>
  </tr>
</table>

表有几个标题

3 个答案: