HTML <div> 標(biāo)簽

2022-06-01 15:22 更新

<div> 標(biāo)簽本身并不代表任何東西,使用它可以標(biāo)記區(qū)域,例如樣式化 (使用 classid 屬性)、用不同的語(yǔ)言 (使用 lang 屬性) 標(biāo)記 HTML 文檔的某個(gè)部分,等等。

實(shí)例

文檔中的一個(gè)區(qū)域?qū)@示為藍(lán)色:

<div style="color:#0000FF">
  <h3>這是一個(gè)在 div 元素中的標(biāo)題。</h3>
  <p>這是一個(gè)在 div 元素中的文本。</p>
</div>

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


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

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

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

可以對(duì)同一個(gè) <div> 標(biāo)簽同時(shí)應(yīng)用 class 或 id 屬性,但通常情況下我們偏向于只使用其中一種。

為了避免麻煩,您可以不必為每一個(gè) <div> 標(biāo)簽都加上 class 或 id 屬性。


提示和注釋

提示:<div> 元素經(jīng)常與 CSS 一起使用,用來(lái)布局網(wǎng)頁(yè)。

注釋?zhuān)?/strong>默認(rèn)情況下,瀏覽器通常會(huì)在 <div> 元素前后放置一個(gè)換行符。然而,您可以通過(guò)使用 CSS 改變這種情況。


HTML 4.01 與 HTML5之間的差異

HTML5 中不支持 align 屬性。

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


屬性

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


全局屬性

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


事件屬性

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


相關(guān)文章

HTML 教程:HTML 布局

WEB 前端進(jìn)階日記:DIV


以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)