<div> 标签是 HTML 中最常用的容器标签之一，用于将页面内容分组并进行样式控制。<div> 标签本身不会对页面样式产生影响，但可以通过 CSS 为其添加样式。在前端开发中，<div> 标签通常被用来创建布局结构，将页面划分为不同的区块。
语法
----- ---- ------- --- ------
属性
<div> 标签支持以下常用属性：
id：定义元素的唯一标识符。class：定义元素的类名，用于样式控制和 JavaScript 操作。style：定义元素的行内样式。title：定义元素的额外信息，通常会在鼠标悬停时显示。
示例
---- -------------- -------------------- ------------------------ --------- ----------- ----------- ---------- ----------- ------- -- - ------ --------- ------ - --- -------------- ------
在上面的示例中，我们创建了一个带有 id 为 "container"、class 为 "main-content"、背景颜色为 #f0f0f0、标题为 "Main Container" 的 <div> 元素，并在其中放置了一个标题和一个段落。
<div> 标签的灵活性使其成为前端开发中不可或缺的元素，通过合理使用 <div> 标签，我们可以轻松地构建复杂的页面布局结构。