这里的语义正确 - a或<ul>？</ul> <table> </table>

Question

我们假设您有这样的概述：

对我来说，这是一个表和两个嵌套列表。

在HTML中实现此功能的语义正确方法是什么？

Answer 1

我认为其他一些人被子弹抛弃了。这包含表格数据，因此表是合适的。可以在表格单元格中轻松创建类似列表的样式。

然而，在我看来，数据的表示完全是一个表，而类似列表的结构只是为了显示消息的结构（即通过缩进回复）。

Answer 2

与Mike不同，我不认为我们在这里处理表格数据。您已嵌套列表的出版物。遵循一些关于作者身份和出版日期的指南（Google，html5 Doctor，...）;有关您正在处理的出版物的额外数据更有可能是＆＃34; 标签＆＃34;您可以通过多种方式设置样式的内容，从而拒绝表格数据假设。我已根据<li>选择了以下方法：

<span class="title">What Should I use, li or table?</span>        
<time datetime="2014-04-08T15:27Z">2d ago</time>
<address><a rel="author" href="#">John Jackson</a></address>

我在这个JSFiddle，styled it和你的styled it中以非表格方式复制了您的嵌套列表。您会注意到我所制作的三种样式中的任何一种样式都没有改变过HTML段。能够像之前的小提琴那样设计样式，演示 HTML 语义上合适。

语义通常会导致不同的有效方法，我的一些用法可能并不完美，但主要思想应该是恰当的。如果这能正确回答您的问题，请告诉我们！ ： - ）

Answer 3

它是一个嵌套列表。第一个是最外面的，下面有三个项目，其中一些有自己的列表。

基本上它看起来像这样：

<ul>
  <li>What Should I use
    <ul>
      <li>Re: What Should I use </li>
      <li>I think the best option is . . .
        <ul> . . . </ul>
      </li>
    </ul>
  </li>
</ul>

要获取名称和日期信息，您可以使用float: right span元素，并防止li包裹你，可能需要适当设置溢出，但我认为这只是格式化问题。