HTML <div> 標簽

2022-06-01 15:22 更新

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

實例

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

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

嘗試一下 ?

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持 <div> 標簽。


標簽定義及使用說明

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

<div>標簽常用于組合塊級元素,以便通過 CSS 來對這些元素進行格式化。

可以對同一個 <div> 標簽同時應用 class 或 id 屬性,但通常情況下我們偏向于只使用其中一種。

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


提示和注釋

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

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


HTML 4.01 與 HTML5之間的差異

HTML5 中不支持 align 屬性。

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


屬性

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


全局屬性

<div> 標簽支持 HTML 的全局屬性。


事件屬性

<div> 標簽支持 HTML 的事件屬性。


相關文章

HTML 教程:HTML 布局

WEB 前端進階日記:DIV


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號