HTML 参考手册

HTML 标签大全

HTML: <div> 标签

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

HTML 4.01 与 HTML5之间的差异

HTML5 中不支持 align 属性。

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

属性

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

全局属性

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

事件属性

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

相关文章

HTML 教程:HTML 布局