html - 表格或列表：我应该在这里使用什么？

Question

我想知道我应该为这样的布局使用哪些标签。语义上对我来说既是表格又是列表。我如何才能实现这些下划线并保持标记正确？

Answer 1

我个人会使用有序列表来实现这一点，Suma skladki 下的子列表意味着它不是真正的表格数据。

这个链接应该给你你需要的东西：

http://thepcspy.com/read/css_table_of_contents/

Answer 2

就我个人而言，这看起来更像是一个列表而不是一个表格（尽管您仍然可以将它构建为一个表格，并且这样做是合理的）。我会将其构建为嵌套列表。

<ul>
  <li>Suma skladki <span class="price">900 PLN</span>
    <ul>
      <li>Skladka podstawawa 
          <span class="desc">(dia przychodu 250 000 PLN)</span> 
          <span class="price">550 PNL</span>
      </li>
    </ul>
  </li>
</ul>

table与使用元素相比，这也将在未来为您提供更多的设计灵活性。我不太确定 a 是否table传达了您在此处拥有的嵌套层次结构以及一系列列表。

Answer 3

• 仅仅因为您有子数据，并不意味着它是一个列表；有很多表都有子类别（只需查看总帐）
• 您有多条结构化信息，以一致的方式排列，构成表格或表格数据
• 您在上面显示的内容相当于 TOC（目录），它是一个有原因的表格（您有一个标签和一个值）

话虽如此，在这个时代，只要你能保护它，你使用什么并不重要，特别是因为列表/div 可以采用表格的形状。

table将 a用于不是表格的东西比将列表用于可以使用表格的东西更不合适。