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个标签的个人认识和个人理解, 如有不对请大家狂喷

  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值