Html5部分还是没部分？

Question

我正在学习HTML5,说实话,我不能说我真的很感动.语义很好,但是我认为它们引入了新元素,它们之间有一条很细的线,它们和旧的div之间的线条更细.

如果您使用通用目的网站,如博客引擎,新闻发布门户网站以及类似网站应用程序,那么一切都非常清楚......我对新的html元素存在很多困境.

这是我的情况.我正在开发一个订购系统.在卖家界面上,我有3列(内联),表示订单的状态.当状态改变时,元素从一列移动到另一列(背景ajax和js操作).

在Html4中,我会使用3个div,并在每个div的顶部放置一个带标题的标题.列内的元素也是div.

但是HTML5怎么样？我一直在看截面元素,但我不确定如何使用它.以下是选项:

1. 把所有东西放在一个部分 - 我不认为这是要走的路
2. 在每个列div周围放置一个部分,并在该部分内部标题
3. 用部分替换div
4. 将部分放在列div中

那么,走哪条路？

编辑:首先感谢大家的快速回复.最后,我可能会考虑Ian Devlins的建议,并将每一栏作为部分.无论如何,只是为了指出我对html5的不满,多个允许的选项并不总是一件好事.我担心几年后html5网络会是什么样子,当我们不能完全同意这样一个简单的问题时.

EDIT2:还有一件事.我会在这里问,所以我不必打开另一个问题.除了这3列之外,我还有另一个包含订单详情的div,当选择任何订单时.它应该是一篇文章,因为它是自包含的内容,还是使用旁边的标签？

Answer 1

div是一个完全有效的 HTML5 标签。如果新标签在您的项目中没有任何意义，请不要被迫使用它们。

Answer 2

在这种特殊情况下，我将在它们周围有一个整体 div，然后将每一列作为一个部分，因为每一列都有不同的含义，我假设每一列都有一个指示其状态的标题。

例如

<div>
   <section id="col1">
      <header><h1>Column 1</h1></header>
      content....
   </section>
   <section id="col2">
      <header><h1>Column 2</h1></header>
      content....
   </section>
   <section id="col3">
      <header><h1>Column 3</h1></header>
      content....
   </section>
</div>