HTML5 section、article和div区别

在HTML5中, 规定开发过程中更加注重语义化和代码的结构标准。当中section、article和div是非常相似的东西, 许多人无法区分它们。

当初我对于这三个标签也很迷茫, 觉得都没什么区别, 用哪个都一样。 后来到网上查看了一下相关的文档后, 发现他们还是有区别的。


section标签是用于表示段或区间, 示例用法就是表示文档的其中一段


article标签是用于表示独立的内容标签内包含的所有内容一个完整的个体。


div标签是无语义标签, 用于展示css样式


我自己区分的方法是, article标签可以单独存在, 因为它本身表示一个独立的整体; section标签最少出现两对的时候才使用, 因为是段或区间, 假如所有内容只有一段, 那应该使用article标签, 当多于1段的时候就以section标签划分, 所以内容最少要有2段才使用section标签; div就是用来展示css样式的, 别的时候尽量不用, 在html5已经不需要再使用div+css的开发结构了, 所以尽量少用。


以上是我个人对于这3个标签的个人认识和个人理解, 如有不对请大家狂喷

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码