HTML4 -列表的有意义的标记

Question

最近我开始成为一个有意义的标记狂人，所以现在我对在我的页面中使用什么HTML标记感到困惑。基本上，我想要显示一个故事列表，标题，作者，何时创建和一些内容。

<h2>Story 1</h2>
<em>by: Author X January 17, 2012</em>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book...</p>

那么，我应该使用什么有意义的标记来创建上述标记的列表呢？

Answer 1

h2标题将内容分成几个部分。这是旧的HTML实践，您不需要任何其他东西，除非您希望以某种特殊的方式设置部分的样式，或者在客户端脚本或链接中将它们作为单元引用。如果您确实需要这样的东西，使用class的div是比较实用的方法。HTML5的倡导者可能会建议使用section，但没有描述实际的好处，section需要额外的JavaScript代码来将其引入旧版本的IE。

您不需要任何列表标记。连续拥有两个或更多有点相似的元素并不意味着您需要为元素列表添加一些标记。HTML list元素ul (项目符号列表)、ol (编号列表)和dl (命名描述列表)是专门的构造，通常用于由短文本组成的列表。表可以被视为共享相同结构的行的列表，但这通常只在行表示某种“记录”时才有意义，并且您从以表格形式表示它们中真正获得了一些东西。

如果你的项目确实是对故事的简短描述，而不是故事本身，它们可能会被视为书目记录，因此会被制表。但实际上，只有在以表格方式表示它们是有意义的情况下，这才有用，每条记录占一行。这意味着描述相当简短。考虑是否需要表格方法，例如，使重新排序记录成为可能(通过客户端脚本)，将表格从HTML复制到字处理程序或Excel等。

Answer 2

HTML5提供了各种新的语义标签。下面是一个如何构建一个故事的例子。更多信息，只需谷歌"html5语义标签“

<article>
  <header>
    Title
    <address>Author</address>
    <time>...</time>
  <header>
  <section>
    lorem ipsum
  </section>
</article>

编辑:当使用HTML4时，你可以坚持你已经拥有的东西，在我看来这是非常好的。

Answer 3

对于列表来说，没有什么比列表元素更有意义了;)

如果故事是有意义的顺序，我会使用<ol>，但如果不是这样，<ul>就足够了。对于每个列表项的内容，您可以使用<article>，因为列表中的每个项都表示一个独立的内容块，并带有一个标题