<div>

HTML<div>元素(或HTML文档分区元素)是一个通用型的流内容容器，

作为一个“纯粹的”容器，<div>元素在语义上不表示任何特定类型的内容。它被用来对其它元素进行分组，以及样式相关的需求（借助class或id特性加以区分），或是用于对具有相同特性的一组元素进行分组(比如lang)。

浏览器支持


所有主流浏览器都支持`<div>`标签。

示例

<div>
  <p>这里可以是任何内容，一切由你作主！</p>
</div>

标签定义及使用说明

<div>标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。
<div>元素应当仅在没有任何其它语义元素（比如<article>或<nav>）可用时使用。
<div>元素经常与 CSS 一起使用，用来布局网页。
默认情况下，浏览器通常会在<div>元素前后放置一个换行符。然而，您可以通过使用 CSS 改变这种情况。

内容分类	流式内容元素，章节内容元素，可触摸内容元素
允许的内容	流式内容元素或者（inwhatwightml）：如果父元素是一个`<dl>`元素：一个或多个`<dt>`元素，后跟一个或多个`<dd>`元素，可选地与`<script>`和`<template>`元素混合。
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任何接受低内容的元素。或（在whatwightml中）：`<dl>`元素。
DOM 接口	`HTMLElement`

HTML 4.01 与 HTML 5 之间的差异

HTML5 中不支持align属性。在 HTML 4.01 中，align属性已废弃。

属性

属性	值	描述
align	left right center justify	HTML5 不支持。HTML 4.01 已废弃。规定`<div>`元素中的内容的对齐方式。align属性THML5中废弃。此功能已过时。尽量避免使用它。

全局属性

<div>标签支持HTML 的全局属性。

事件属性

<div>标签支持HTML 的事件属性。

实例

文档中的一个区域将显示为蓝色：

<div style="color:#0000ff">
	<h3>this is a heading</h3>
	<p>this is a paragraph.</p>
</div>

//HTML
<div class="shadowbox">
  <p>here's a very interesting note displayed in a lovely shadowed box.</p>
</div>


//CSS
.shadowbox {
  width: 15em;
  border: 1px solid #333;
  box-shadow: 8px 8px 5px #444;
  padding: 8px 12px;
  background-image: linear-gradient(180deg, #fff, #ddd 40%, #ccc);
}