Html5部分还是不分段?

前端之家收集整理的这篇文章主要介绍了Html5部分还是不分段?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在学习 HTML5,老实说,我不能说我真的很深刻.语义是很好的,但是我认为他们引入了新的元素,它们之间的线条很细,它们之间和旧的div之间更细.

一切都非常清楚,如果你做一个通用的网站,像一个博客引擎,新闻出版门户网站和类似的,但网络应用程序…我有很多关于新的HTML元素的困境.

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

在Html4中,我将使用3个div,并在每个标题之上放置标题.列中的元素也将是div.

但是HTML5呢?我一直在看这个section元素,但我并不确定如何使用它.以下是选项:

把所有内容放在一个部分 – 我不认为这是要走的路
>在每个列div中放置一个部分,并在该部分内部标题
>用div替换div
>将部分放在列div中

那么,哪个方式去?

编辑:首先感谢大家的快速回复.最后我可能会和Ian Devlins的建议一起去,并将每一列作为一部分.无论如何,只是指出我对html5的不满,多个允许的选项并不总是一件好事.恐怕在几年内html5网页会怎么样,当时我们不能完全同意这样一个简单的问题.

编辑2:还有一件事我会在这里问问,所以我不必再打开另一个问题.除了这3列之外,我还有另外一个div,其中包含订单的详细信息,当选择任何订单时.它应该是自己的内容,还是使用旁边的标签

解决方法

在这种特殊情况下,我会有一个围绕它们的整体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>

猜你在找的HTML5相关文章