div，section，article的区别和使用
使用
div：
这个标签一直是我们见得最多、用得最多的标签。它本身无任何语义，用作布局以及样式化标签。
section：
与div相似，但它有更进一步的语义。section用作一段有专题性的内容，一般在它里面会带有标题。 section典型的应用场景应该是文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
article：
article是一个特殊的section标签，它比section具有更明确的语义, 它代表一个独立的、完整的相关内容块。
区别
div、section、article，语义是从无到有，逐渐增强的。div无任何语义，仅仅用作样式化或者脚本化的标签。
对于一段主题性的内容，则就适用section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。
原则上来说，能使用article的时候，也是可以使用section的，但是实际上，假如使用article更合适，那么就不要使用section。
扩展资料
技术要点
<video>标记
定义和用法：
</video> 标签定义视频，比如电影片段或其他视频流。
<audio> 标记
定义和用法
</audio> 标签定义声音，比如音乐或其他音频流。
定义和用法：
<canvas> 标签定义图形，比如图表和其他图像。
HTML5 的 canvas 元素使用JavaScript 在网页上绘制图像。
画布是一个矩形区域，您可以控制其每一像素。
canvas 拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
网易云信
2023-12-06 广告
1，针对一个块内容做样式化，三者并无区别。
2，div section article ，语义是从无到有，逐渐增强的。
3，div 无任何语义，仅仅用作样式化或者脚本化；对于一段主题性的内容，则就适用 section；假如一段主题性内容脱离上下文后仍是完整且独立存在的一段内容，则就适用 article。
div：
定义：文档中的分区或节。
使用场合：作为布局以及样式化时使用（此时三者并无区别,但div更常用）
section：
定义：文档中的节，一般是具有标题性的。
使用场合：文章的章节、标签对话框中的标签页、或者论文中有编号的部分。
article:
定义：独立的自包含内容。一般来说，article会有标题部分( 包含在header内 )，有时也会包含footer。
使用场合：一段内容脱离了所在的语境，仍是完整的、独立的，则应该用article标签。
参考资料：百度百科-HTML
1）div在html早期版本就支持了，section和article是html5提出的两个语义化标签。如果只是针对一个块内容做样式化，三者并无区别。
2）作为语义化标签，section 应用的典型场景有文章的章节、标签对话框中的标签页、或者论文中有编号的部分。一般来说，当元素内容明确地出现在文档大纲中时，section 就是适用的。
3）对于article标签来说，无论从结构上还是内容上来说，article 本身就是独立的、完整的。有个最简单的判断方法是看这段内容脱离了所在的语境，是否还是完整的、独立的，如果是，则应该用article标签。
4）div section article ，语义是从无到有，逐渐增强的。div 无任何语义，仅仅用作样式化或者脚本化，对于一段主题性的内容，则就适用 section，而假如这段内容可以脱离上下文，作为完整的独立存在的一段内容，则就适用 article。原则上来说，能使用 article 的时候，也是可以使用 section 的，但是实际上，假如使用 article 更合适，那么就不要使用 section 。
上面内容都是从“蓝色理想”里一篇讲html5的语义化标签内容中总结的，有兴趣你可以百度搜一下，再仔细看看。
