HTML <div>标签定义了HTML文档中的通用容器,该容器通常用于对元素进行分组。此标签通常也称为 <div>元素。
文档中创建了三个<div>标签:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 div标签的使用(菜鸟教程 (cainiaoplus.com))</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
<h2>第一个Div</h2>
<p>此文本将出现在文档的Div部分</p>
</div>
<div class="div_class">
<h2>应用了类的第二个Div</h2>
<p>此文本将出现在文档的Div部分</p>
</div>
<div id="div_id">
<h2>应用了id的第三个Div</h2>
<p>此文本将出现在文档的Div部分</p>
</div>
</body>
</html>测试看看 ‹/›
在此HTML5文档示例中,我们创建了三个<div>标签。第一个<div>标记没有应用任何类或ID。第二个<div>标记将一个名为div_class的类应用于<div>标记。第三个<div>标记将一个名为div_id的ID应用于<div>标记。
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 <div> 标签。
<div>标记通常用于将元素分组在一起。
<div> 标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<div>标签常用于组合块级元素,以便通过 CSS 来对这些元素进行格式化。
提示:<div> 元素经常与 CSS 一起使用,用来布局网页。
注释:默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,您可以通过使用 CSS 改变这种情况。
HTML5 中不支持 align 属性。
在 HTML 4.01 中,align 属性 已废弃。
| 属性 | 值 | 描述 |
|---|---|---|
| align | left right center justify | HTML5 不支持。HTML 4.01 已废弃。 指定 <div> 元素中的内容的对齐方式。 |
<div> 标签支持 HTML 的全局属性。
<div> 标签支持 HTML 的事件属性。
HTML 教程:HTML 布局