HTML <div>标签定义了HTML文档中的通用容器,该容器通常用于对元素进行分组。此标签通常也称为 <div>元素。
文档中创建了三个<div>标签:
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>HTML5 div标签的使用(菜鸟教程 (cainiaojc.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 布局