html中section与div,HTML5中div、section、article的区别

HTML5中新增了、、、、、、

多个有语义的结构化标签元素。其中section和article这两个标签和div差不多功能,很容易混淆。

7f26c8475e0baf600405490c19e7c7b1.png

div(分区division)

这个标签是我们见得最多、用得最多的一个标签,以至于Div+CSS成了HTML网页设计的标准。本身没有任何语义,用作布局以及样式化。

section(章节)

简单地说section就是带有语义的div,

section表示一段专题性的内容,一般会带有标题。当一个标签只是为了样式化或者方便脚本使用时,应该使用div。一般来说,当元素内容明确地出现在文档大纲、文章章节、博客条目、用户评论部分或者论文中有编号的部分时,section就是适用的。

article(文章)

article是一个特殊的section标签,它比section具有更明确的语义,它代表一个独立的、完整的相关内容块。

article代表的内容可以被外部引用。例如:博客中的一篇文章,论坛中的一个帖子或者一段浏览者的评论等。如果元素的内容集中到一起显示可以表达相对独立完整的意思,那就可以定义成article。

nav和aside的使用也是如此,这两个标签也是特殊的section。

声明:如需转载,请注明来源于www.webym.net并保留原文链接:http://www.webym.net/jiaocheng/659.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值