整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
：語法
2：作用
div 標簽可以用來劃分 HTML 結構，從而配合 CSS 來整體控制某一塊的樣式。
div 標簽是塊級元素，它可用做組合其它 HTML 元素的容器。
div 標簽可以用作嚴格的組織工具，如果用 id 或 class 來標記 div 標簽，則 div 標簽的作用會更加完美。
3：例子
我們以 “堅持就是勝利” 這句話的中英文書寫方式為例，看一下 div 是如何劃分結構的
首先先看一下編輯器效果，如下
再來看一下瀏覽器的運行效果，如下
如果我們把 div 標簽去掉，只用段落標簽 p 來實現，其實瀏覽器的運行效果是一樣的，那我們為什么還要用 div 標簽呢 ，這不是多此一舉嗎？
其實不然，這是在代碼量比較少的情況下，兩者的差距不明顯，但如果代碼有成百上千行的時候，就體現到了 div 標簽劃分結構的作用，同時也使代碼更具有邏輯性。
總結來說，div 標簽最重要的用途是劃分區域，然后再結合 CSS ，針對指定區域進行樣式控制。
我自己是一名從事了多年開發的web前端老程序員，目前辭職在做自己的web前端私人定制課程，今年年初我花了一個月整理了一份最適合2019年學習的web前端學習干貨，各種框架都有整理，送給每一位前端小伙伴，想要獲取的可以關注我的頭條號并在后臺私信我：前端，即可免費獲取
原文鏈接：https://blog.csdn.net/qq_42351033/article/details/102680545
例
文檔中的一個區域將顯示為藍色：
<divstyle="color:#0000FF"><h3>這是一個在 div 元素中的標題。</h3><p>這是一個在 div 元素中的文本。</p></div>
瀏覽器支持
所有主流瀏覽器都支持 <div> 標簽。
標簽定義及使用說明
<div> 標簽定義 HTML 文檔中的一個分隔區塊或者一個區域部分。
<div>標簽常用于組合塊級元素，以便通過 CSS 來對這些元素進行格式化。
提示和注釋
提示：<div> 元素經常與 CSS 一起使用，用來布局網頁。
注釋：默認情況下，瀏覽器通常會在 <div> 元素前后放置一個換行符。然而，您可以通過使用 CSS 改變這種情況。
HTML 4.01 與 HTML5之間的差異
HTML5 中不支持 align 屬性。
在 HTML 4.01 中，align 屬性 已廢棄。
屬性
| 屬性 | 值 | 描述 |
|---|---|---|
| align | leftrightcenterjustify | HTML5 不支持。HTML 4.01 已廢棄。 規定 <div> 元素中的內容的對齊方式。 |
全局屬性
<div> 標簽支持 HTML 的全局屬性。
事件屬性
<div> 標簽支持 HTML 的事件屬性。
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
篇文章我們要說的就是這html中運用也是使用最多的標簽div，我們接下來重點介紹下div的作用，以及如何給div合理的命名，讓代碼結構更加清晰明了。
使用語法：<div>元素內容</div>
在網頁制作過程過中，我們可以把一些獨立的邏輯部分劃分出來，放在一個<div>標簽中，這個<div>標簽的作用就相當于一個容器。容器的作用呢就是可以把一個邏輯部分包裹起來存到元素內部。
確定邏輯部分：
什么是邏輯部分？它是頁面上相互關聯的一組元素。如網頁中的獨立的欄目版塊，就是一個典型的邏輯部分。比如網頁中的頭部模塊、banner模塊、新聞列表模塊等，這樣的部分就可以使用div標簽作為容器存放進去。如下圖所示：圖中用紅色邊框標出的部分就是一個邏輯部分，就可以使用<div>標簽作為容器。
第一條我們講到把一些標簽放進<div>里，劃分出一個獨立的邏輯部分。為了使邏輯更加清晰，我們可以為這一個獨立的邏輯部分設置一個名稱，用id屬性來為<div>提供唯一的名稱，這個就像我們每個人都有一個身份證號，這個身份證號是唯一標識我們的身份的，也是必須唯一的。對于重復的邏輯部分我們用class屬性來為div添加一個通用名稱，class不唯一可以重復使用。
上邊這張圖片左邊是沒有使用div的排版，我們可以看到整個頁面標簽有很多，我們很難區分哪一塊是一個部分的，哪一塊是屬于哪個區域的，但是右邊這張圖片，我們使用div包括了之后我們就可以很清晰的了解到，每一個模塊屬于哪部分，結構排版也顯得很明了，便于我們后期的修改和維護。
到這本節課的內容我們就說完了，快點自己動手來試試：給網頁的獨立的版塊添加“標記”。
附贈一句經典語錄：將來的你一定會感謝現在奮斗的自己！喜歡我的文章的小伙伴記得關注一下哦，每天將為你更新最新知識。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
