HTML 參考手冊

HTML 標(biāo)簽大全

HTML: <div> 標(biāo)簽

HTML <div>標(biāo)簽定義了HTML文檔中的通用容器，該容器通常用于對元素進(jìn)行分組。此標(biāo)簽通常也稱為 <div>元素。

在線示例

文檔中創(chuàng)建了三個<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>第一個Div</h2>
  <p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
<div class="div_class">
  <h2>應(yīng)用了類的第二個Div</h2>
  <p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
<div id="div_id">
  <h2>應(yīng)用了id的第三個Div</h2>
  <p>此文本將出現(xiàn)在文檔的Div部分</p>
</div>
</body>
</html>

測試看看 ?/?

在此HTML5文檔示例中，我們創(chuàng)建了三個<div>標(biāo)簽。第一個<div>標(biāo)記沒有應(yīng)用任何類或ID。第二個<div>標(biāo)記將一個名為div_class的類應(yīng)用于<div>標(biāo)記。第三個<div>標(biāo)記將一個名為div_id的ID應(yīng)用于<div>標(biāo)記。

瀏覽器兼容性

IEFirefoxOperaChromeSafari

所有主流瀏覽器都支持 <div> 標(biāo)簽。

標(biāo)簽定義及使用說明

<div>標(biāo)記通常用于將元素分組在一起。

<div> 標(biāo)簽定義 HTML 文檔中的一個分隔區(qū)塊或者一個區(qū)域部分。

<div>標(biāo)簽常用于組合塊級元素，以便通過 CSS 來對這些元素進(jìn)行格式化。

提示和注意

提示：<div> 元素經(jīng)常與 CSS 一起使用，用來布局網(wǎng)頁。

注釋：默認(rèn)情況下，瀏覽器通常會在 <div> 元素前后放置一個換行符。然而，您可以通過使用 CSS 改變這種情況。

HTML 4.01 與 HTML5之間的差異

HTML5 中不支持 align 屬性。

在 HTML 4.01 中，align 屬性已廢棄。

屬性

屬性	值	描述
align	left right center justify	HTML5 不支持。HTML 4.01 已廢棄。指定 <div> 元素中的內(nèi)容的對齊方式。

全局屬性

<div> 標(biāo)簽支持 HTML 的全局屬性。

事件屬性

<div> 標(biāo)簽支持 HTML 的事件屬性。