HTML <div> 标签

<div> 标签是 HTML 中最常用的容器标签之一，用于将页面内容分组并进行样式控制。<div> 标签本身不会对页面样式产生影响，但可以通过 CSS 为其添加样式。在前端开发中，<div> 标签通常被用来创建布局结构，将页面划分为不同的区块。

语法

<div>
   <!-- 在这里放置内容 -->
</div>

属性

<div> 标签支持以下常用属性：

• id：定义元素的唯一标识符。
• class：定义元素的类名，用于样式控制和 JavaScript 操作。
• style：定义元素的行内样式。
• title：定义元素的额外信息，通常会在鼠标悬停时显示。

示例

<div id="container" class="main-content" style="background-color: #f0f0f0;" title="Main Container">
   <h1>Hello, World!</h1>
   <p>This is a sample paragraph inside a div container.</p>
</div>

在上面的示例中，我们创建了一个带有 id 为 "container"、class 为 "main-content"、背景颜色为 #f0f0f0、标题为 "Main Container" 的 <div> 元素，并在其中放置了一个标题和一个段落。

<div> 标签的灵活性使其成为前端开发中不可或缺的元素，通过合理使用 <div> 标签，我们可以轻松地构建复杂的页面布局结构。