HTML <div> 标签

提示

1. <div>标签定义：HTML中的<div>标签是一个非语义标签，用于定义文档中的分区。
2. <div>的功能：通常用于对内容进行分组，可通过class或id属性与CSS样式结合使用。
3. 样式应用实例：<div>标签内的元素可以通过不同的CSS类选择器获得不同的样式。

HTML 的 <div> 标签是一个非语义标签，用于在 HTML 文档中定义分区。例如，

<div>
  <h2>这是 div 元素中的一个标题</h2>
  <p>这是 div 元素中的一些文本。</p>
</div>

浏览器输出

这里，你可以看到 <div> 标签被用作 HTML 元素的容器。

HTML <div> 的使用

HTML 的 <div> 标签通常用于对内容进行分组，并通过 class 或 id 属性提供 CSS 样式。例如，

<div class="div1">
  <h2>这是一个标题。</h2>
  <p>这是一个段落</p>
</div>

<div class="div2">
  <h2>这是另一个标题。</h2>
  <p>这是另一个段落</p>
</div>

<style>
  .div1 {
    color: red;
  }

  .div2 {
    color: green;
  }
</style>

浏览器输出

这里，前两个 <div> 的样式分别来自选择器 .div1 和 .div2。