有人可以帮助找出我在 testdome 上的回答有什么问题吗？

Question

这是问题的链接

这是我的答案

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Spreadsheet</title>
    <style>

      td {
        text-align: right;
        width: 33%;
      }
      td, th, table {
        border: 1px solid;
        border-collapse: collapse;
      }
      th {
        text-align: left;
      }
    </style>
  </head>
  <body>
    <table>  
      <thead>
        <caption>Purchase Orders</caption>
      </thead>
      <tbody>
        <tr>
          <th>Order Date</th>
          <th>SKU</th>
          <th>Quantity</th>
        </tr>
        <tr>
          <td>07-16-2018</td>
          <td>523402</td>
          <td>54</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

它在我的 IDE 上运行良好，但在网站上说 4 个测试用例中有 3 个失败。

Answer 1

该网站在这里似乎比检查它是否相同更严格。 要使测试通过，您需要：

1. 将包含<th>标签的行放在<thead></thead> 。
2. 将标题移出<thead> 。

该表的正确代码如下所示：

<table>
  <caption>Purchase Orders</caption>
  <thead>
    <tr>
      <th>Order Date</th>
      <th>SKU</th>
      <th>Quantity</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>07-16-2018</td>
      <td>523402</td>
      <td>54</td>
    </tr>
  </tbody>
</table>