HTML <div> 标签

定义和用法

<div> 可定义文档中的分区或节(division/section)。

<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具,并且不使用任何格式与其关联。

如果用 id 或 class 来标记 <div>,那么该标签的作用会变得更加有效。

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

提示和注释

提示:<div> 元素经常与 CSS 一起使用,用来布局网页。

注释:默认情况下,浏览器通常会在 <div> 元素前后放置一个换行符。然而,可以通过使用 CSS 改变这种情况。

HTML 4.01 与 HTML5之间的差异

HTML5 中不支持 align 属性。

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

实例

文档中的一个部分会显示为蓝色:

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <title>HTML div 标签 xinbiancheng.cn</title>
</head>
<body>
<p>这是一些文本。</p>
<div style="color:#0000FF">
  <h3>这是一个在 div 元素中的标题。</h3>
  <p>这是一个在 div 元素中的文本。</p>
</div>
<p>这是一些文本。</p>
</body>
</html>

输出:

这是一些文本。

这是一个在 div 元素中的标题。

这是一个在 div 元素中的文本。

这是一些文本。

 

可选的属性

属性 描述
align left
right
center
justify
规定 div 元素中的内容的对齐方式。
不赞成使用。请使用样式代替。

全局属性

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

事件属性

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

相关文章

HTML 教程:HTML 布局