html - 如何设计这个类似表格的结构

Question

我有这种表:

<table>
    <tr><td>Count A</td><td>12</td></tr>
    <tr><td>Count B</td><td>8</td></tr>
</table>

我是 CSS 的新手，但根据我目前所读的内容，我假设 html 应该是:

<div id="counts-container">
     <div class="count">
         <div class="count-label">Count A</div><div class="count-number">12</div>
     </div>
     <div class="count">
         <div class="count-label">Count B</div><div class="count-number">8</div>
     </div>
</div>

在我看来，我走在正确的轨道上，但我不确定如何为这个 html 结构编写 CSS。我很感激任何建议。

---

好的，所以我只想和你们确认一下。这张表应该是:

<table>
    <tr><th>Count A</th><td>12</td></tr>
    <tr><th>Count B</th><td>8</td><tr>
</table>

Answer 1

在您的情况下使用 <table>没关系 - 只需正确构建它:

<table>
    <tr><th>Count A</th><td>12</td></tr>
    <tr><th>Count B</th><td>8</td></tr>
</table>

<th>作为表格标题单元格。

如果您对何时使用表格以及何时不使用表格感到困惑，我建议您查阅规范 http://www.w3.org/TR/html4/struct/tables.html