1. 简介
HTML中， div 、 section 和 article 都是用来分割文档的标签，用于将文档的逻辑部分进行划分，使代码更加清晰，同时也为搜索引擎提供了更好的结构。
2. div标签
div（division）标签是HTML中最常见的分组元素，用于将HTML文档分成不同的部分，提供一个通用的容器来分组其中的元素。div没有任何特殊的含义或语义，仅是一个通用的容器，可以用类、ID或任何其他属性进行标识和样式表达。
下面是一个简单的例子：
<div class="container">
<h1>这是一个标题</h1>
<p>这是一段文本</p>
</div>
在上面的例子中，包含了一个标题和一个段落，并使用 class 属性为 div 标签进行了标识，使用CSS编写样式表时可以选择该class作为选择符。
2.1 用途
div 标签主要用于以下方面：
构建网页布局
应用CSS样式
在JavaScript中处理页面元素
2.2 特性
没有特殊语义。
可以嵌套使用。
可以设置class和id属性来自定义样式或JavaScript处理。
3. section标签
section 标签是HTML5中的新结构元素，用于表示文档中的一个节或段落。它比 div 具有更强的语义性，用于将文档分成不同的区域，例如章节、主题、部分等等。
使用 section 标签时，应该确保每个区域具有自己的主题或段落话题，同时区域的内容应该是逻辑上相近的，能够构成一段完整的话题来呈现文章。
下面是一个使用 section 标签的例子：
<section>
<h2>主题1</h2>
<p> 段落1内容 </p>
<p> 段落2内容 </p>
</section>
<section>
<h2>主题2</h2>
<p> 段落3内容 </p>
<p> 段落4内容 </p>
</section>
在上面的代码中，我们将文档分成了两个多个章节，每个章节包含了自己的主题和段落内容。
3.1 用途
section标签主要用于以下方面：
将页面分成几篇逻辑相关的文章
将一篇文章分成不同的章节
用于页面滚动时的锚点
3.2 特性
具有语义性，能够提高文档的可读性和可访问性。
可以嵌套使用。
可以使用CSS样式表进行自定义样式。
4. article标签
article 标签是HTML5中的新结构元素，用于表示文档中的一个独立的、完整的内容块，通常在使用 section 标签的基础上会进一步细分。
通常情况下，一个 article 标签包含了一篇独立的文章内容，例如新闻报道、博客文章、论文、评论等等。
下面是一个使用 article 标签的例子：
<article>
<h2>文章标题</h2>
<p>作者信息，时间等</p>
<p>正文内容...</p>
</article>
4.1 用途
article 标签主要用于以下方面：
表示一个独立的文章内容，有明确的起止点。
和 section 标签一起使用，使文章具有更好的结构和操作性。
4.2 特性
具有语义性，能够提高文档的可读性和可访问性。
可以嵌套使用。
可以使用CSS样式表进行自定义样式。
5. 总结
div、section和article标签都是用于划分文档内容的容器，但它们在语义上具有差别：
div：没有语义，仅用于将HTML文档分成不同的部分，提供一个通用的容器来分组其中的元素。
section：语义更强，用于表示文档中的一个节或段落。
article：也是一个独立的块，通常用于表示一个独立的文章内容。
使用这些标签能够以更好的方式呈现文档结构、提高日志的可读性和可访问性，同时也方便样式表和JavaScript的编写与管理，对日后代码维护和更新也大有帮助。