HTML 中 div 标签的用法

div 标签是什么？

div 标签（division的缩写）是一个块级元素，用于在 HTML 文档中创建一个可包含其他元素的块或区域。

用法

div 标签具有以下特性：

创建容器：可创建可包含文本、图像、列表和表格等各种 HTML 元素的容器。

分组内容：可将逻辑相关的内容分组，以提高可读性和维护性。

应用样式：可使用 CSS 为 div 区域应用样式，以控制外观，例如边框、背景颜色和文本对齐方式。

创建布局：可将 div 用作构建网页布局的基础，例如创建页眉、页脚和侧边栏。

提供语义：可为特定内容块提供语义意义，例如使用 “header” div 来表示页眉内容。

示例

以下是使用 div 标签创建容器的示例：

<code class="html"><div>
  <h1>标题</h1>
  <p>正文</p>
  <img src="image.jpg" alt="图片">
</div></code>

最佳实践

使用 div 标签来组织和分组相关内容。
使用有意义的 ID 或 class 属性来标识 div。
尽量避免嵌套太多的 div。
优先使用语义元素（如 header、footer）来表示不同的内容块。