HTML <div> 标签

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

<div>
    <h2>This is a heading in a div element</h2>
    <p>This is some text in a div element.</p>
</div>

浏览器输出

HTML div element  with some elements inside

在这里,您可以看到 <div> 标签像 HTML 元素的容器一样使用。


HTML <div> 的用法

HTML <div> 标签通常用于对内容进行分组,并使用 classid 属性提供 CSS 样式。例如,

<div class="div1">
    <h2>This is heading.</h2>
    <p>This is a paragraph</p>
</div>

<div class="div2">
    <h2>This is another heading.</h2>
    <p>This is another paragraph</p>
</div>

<style>
    .div1 {
        color: red;
    }

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

浏览器输出

HTML div element styled with css

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

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战