用于语义列表和标题的 UL

Question

我通常使用ul 来列出项目

<ul class="users">
  <li class="user">
    <div class="name">Jack</div>
    <div class="gender">M</div>
    <div class="salary">$15k</div>
    <div class="rank">Burger Flipper</div>
  </li>
  <li class="user">
    <div class="name">Jill</div>
    <div class="gender">F</div>
    <div class="salary">$17k</div>
    <div class="rank">Fry Tosser</div>
  </li>
</ul>

为该列表创建标题时，是否最好将标题作为列表的一部分包含在内

  <li class="user head">
    <div class="human-attributes">This is:</div>
    <div class="job-attributes">They are:</div>
  </li>

或者应该是一个单独的列表？

<ul class="users head">
  <li class="user">
    <div class="human-attributes">This is:</div>
    <div class="job-attributes">They are:</div>
  </li>
</ul>

Answer 1

取决于你想用它做什么......你真的应该使用：

<table><thead></thead><tbody></tbody></table> 

用于您描述的内容的构造，而不是

嵌入一个

，默认情况下会以奇怪的方式呈现。

然后您可以使用 CSS 来控制行为。