HTML <div> 元素

HTML <div> 元素是流内容的通用容器，它在语义上不代表任何特定类型的内容。它可以用来为元素分组，例如样式（使用 class 或 id 属性），用不同的语言标记文档的一部分（使用 lang 属性），等等。

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

<div style="color: green">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>

尝试一下 »

特性

内容类别	流式内容，可触知内容。
允许的内容	流式内容。或（在 WHATWG HTML 中）：父节点是 <dl> 元素（父节点中包括了一个或多个 <dt> 元素，后跟一个或多个 <dd> 元素，其中还可以混合 <script> 和 <template> 元素。）
标签省略	不允许，开始标签和结束标签都不能省略。
允许的父元素	任意接受流式内容的元素。或（在 WHATWG HTML 中）：<dl> 元素。
允许的 ARIA 角色	任意
DOM 接口	HTMLDivElement

属性

该元素包含了全局属性。

align

属性已过时，请勿再使用了。 规定 <div> 元素中的内容的对齐方式。可选值有：

• left
• right
• center
• justify

事件属性

<div> 元素支持 HTML 的事件属性。

使用说明

• 只有当没有其他语义元素（如 <article> 或 <nav>）时，才应使用 <div> 元素。
• <div> 元素经常与 CSS 一起使用，用来布局网页。

更多实例

HTML div 元素内容实例

<div>
  <p>这里可以是任何内容，比如 &lt;p&gt;, &lt;table&gt;，一切由你作主。</p>
</div>

尝试一下 »

规范

规范	状态	备注
HTML Living Standard <div> 的定义	现行的标准	自最新快照以来没有变化
HTML5 <div> 的定义	推荐	将 align 设为过时
HTML 4.01 Specification <div> 的定义	推荐	-

桌面浏览器兼容性

移动浏览器兼容性

相关链接

• 语义化分段元素：<section>，<article>, <nav>，<header>，<footer>
• 用于给短语内容加样式的 <span> 元素
• HTML 教程：HTML 布局