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>
浏览器输出

在这里,您可以看到 <div>
标签像 HTML 元素的容器一样使用。
HTML <div> 的用法
HTML <div>
标签通常用于对内容进行分组,并使用 class
或 id
属性提供 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>
浏览器输出

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