HTML <div>標(biāo)簽定義了HTML文檔中的通用容器，該容器通常用于對(duì)元素進(jìn)行分組。此標(biāo)簽通常也稱為 <div>元素。
文檔中創(chuàng)建了三個(gè)<div>標(biāo)簽：
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5 div標(biāo)簽的使用(菜鳥教程 (cainiaoplus.com))</title>
<style>
.div_class{color:red}
#div_id{color:blue}
</style>
</head>
<body>
<div>
<h2>第一個(gè)Div</h2>
<p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
<div class="div_class">
<h2>應(yīng)用了類的第二個(gè)Div</h2>
<p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
<div id="div_id">
<h2>應(yīng)用了id的第三個(gè)Div</h2>
<p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
</body>
</html>測(cè)試看看 ?/?
在此HTML5文檔示例中，我們創(chuàng)建了三個(gè)<div>標(biāo)簽。第一個(gè)<div>標(biāo)記沒有應(yīng)用任何類或ID。第二個(gè)<div>標(biāo)記將一個(gè)名為div_class的類應(yīng)用于<div>標(biāo)記。第三個(gè)<div>標(biāo)記將一個(gè)名為div_id的ID應(yīng)用于<div>標(biāo)記。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 <div> 標(biāo)簽。
<div>標(biāo)記通常用于將元素分組在一起。
<div> 標(biāo)簽定義 HTML 文檔中的一個(gè)分隔區(qū)塊或者一個(gè)區(qū)域部分。
<div>標(biāo)簽常用于組合塊級(jí)元素，以便通過 CSS 來(lái)對(duì)這些元素進(jìn)行格式化。
提示：<div> 元素經(jīng)常與 CSS 一起使用，用來(lái)布局網(wǎng)頁(yè)。
注釋：默認(rèn)情況下，瀏覽器通常會(huì)在 <div> 元素前后放置一個(gè)換行符。然而，您可以通過使用 CSS 改變這種情況。
HTML5 中不支持 align 屬性。
在 HTML 4.01 中，align 屬性 已廢棄。
| 屬性 | 值 | 描述 |
|---|---|---|
| align | left right center justify | HTML5 不支持。HTML 4.01 已廢棄。 指定 <div> 元素中的內(nèi)容的對(duì)齊方式。 |
<div> 標(biāo)簽支持 HTML 的全局屬性。
<div> 標(biāo)簽支持 HTML 的事件屬性。
HTML 教程：HTML 布局