HTML: <div> 标签

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 改变这种情况。

HTML 4.01 与 HTML5之间的差异

HTML5 中不支持 align 属性。

在 HTML 4.01 中，align 属性已废弃。

属性

属性	值	描述
align	left right center justify	HTML5 不支持。HTML 4.01 已废弃。指定 <div> 元素中的内容的对齐方式。

全局属性

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

事件属性

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

HTML 教程：HTML 布局

HTML: <i> 标签 HTML: <dir> 标签

查看更多关于 HTML: <div> 标签的详细内容...