HTML <div> 标签

HTML <div> 是一个通用容器，可以包含其他元素，并对这些元素进行样式设置。它没有特殊的意义或语义，主要用于组织和布局文档中的内容。

标签的基本使用

创建一个 <div>

<div>这是一个 div 元素</div>

在上面的例子中，我们创建了一个包含文本 "这是一个 div 元素" 的 <div> 元素。

嵌套 <div>

可以在另一个 <div> 内部放置其他 <div>，从而创建复杂的布局：

<div>
    这是外部 div
    <div>
        这是内部 div
    </div>
</div>

在上面的例子中，我们有一个包含文本 "这是外部 div" 和另一个 <div> 元素的 <div>。该内部 <div> 包含文本 "这是内部 div"。

标签的样式设置

使用 CSS，你可以对 <div> 应用各种样式：

<div style="color: blue; background-color: yellow; padding: 10px;">这是一个带有样式的 div</div>

在上面的例子中，我们使用了内联 CSS 来设置文本颜色为蓝色，背景颜色为黄色，并添加了一些填充。

标签的常见用途

1. 布局: <div> 通常用于创建网页的布局，如将内容分成不同的区域（如头部、导航栏、主要内容和页脚）。
2. 样式设置: <div> 可以包含其他元素，然后使用 CSS 为这些元素应用样式。
3. JavaScript 操作: 由于 <div> 是一个通用的容器，它也常被用来在 JavaScript 中选择和操作元素。