定義和用法
<div> 可定義文檔中的分區或節（division/section）。
<div> 標籤可以把文檔分割爲獨立的、不同的部分。它可以用作嚴格的組織工具，並且不使用任何格式與其關聯。
如果用 id 或 class 來標記 <div>，那麼該標籤的作用會變得更加有效。
用法
<div> 是一個塊級元素。這意味着它的內容自動地開始一個新行。實際上，換行是 <div> 固有的唯一格式表現。可以通過 <div> 的 class 或 id 應用額外的樣式。
不必爲每一個 <div> 都加上類或 id，雖然這樣做也有一定的好處。
可以對同一個 <div> 元素應用 class 或 id 屬性，但是更常見的情況是隻應用其中一種。這兩者的主要差異是，class 用於元素組（類似的元素，或者可以理解爲某一類元素），而 id 用於標識單獨的唯一的元素。
實例
文檔中的一個部分會顯示爲綠色：
<div style="color:#00FF00">
<h3>This is a header</h3>
<p>This is a paragraph.</p>
</div>
案例分析
<body>
<h1>NEWS WEBSITE</h1>
<p>some text. some text. some text...</p>
...
<div class="news">
<h2>News headline 1</h2>
<p>some text. some text. some text...</p>
...
</div>
<div class="news">
<h2>News headline 2</h2>
<p>some text. some text. some text...</p>
...
</div>
...
</body>例子解釋
正如您看到的，上面這段 HTML 模擬了新聞網站的結構。其中的每個 div 把每條新聞的標題和摘要組合在一起，也就是說，div 爲文檔添加了額外的結構。同時，由於這些 div 屬於同一類元素，所以可以使用 class="news" 對這些 div 進行標識，這麼做不僅爲 div 添加了合適的語義，而且便於進一步使用樣式對 div 進行格式化，可謂一舉兩得。
div屬性
DIV可選的屬性
align，值=left/right/center/justify
DIV事件屬性
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup
DIV標準屬性
class class_rule or style_rule 元素的類(class)
id id_name 元素的某個特定id。
style 樣式定義 內聯樣式定義。
title 提示文本 顯示於提示工具中的文本。
dir ltr | rtl 設置文本的方向。
lang 語言代碼 設置語言代碼。
div/span的區別
DIV是塊元素，SPAN是內嵌元素。塊元素相當於內嵌元素在前後各加一個<br>換行。其實，塊元素和行內元素也不是一成不變的，只要給塊元素定義display:inline，塊元素就成了內嵌元素，同樣地，給內嵌元素定義了display:block就成了塊元素了。
DIV:基本上與span相似,或者說具有SPAN所有的功能,此外還具有SPAN不及的特色.div是一個塊,也就是所謂的"容器",它具有自己獨立的段落,獨立的標題,獨立的表格,就如<html>.....</html>一樣包括了一切.如:
<div class="mydiv">
<h1>獨立的標題</h1>
<p>獨立的段落</p>
<table>......</table></div>而這些SPAN是沒有的!
SPAN 和 DIV 的區別在於，DIV(division)是一個塊級元素，可以包含段落、標題、表格，乃至諸如章節、摘要和備註等。而SPAN 是行內元素，SPAN 的前後是不會換行的，它沒有結構的意義，純粹是應用樣式，當其他行內元素都不合適時，可以使用SPAN。
SPAN標記有一個重要而實用的特性，即它什麼事也不會做，它的唯一目的就是圍繞你的HTML代碼中的其它元素，這樣你就可以爲它們指定樣式了。
<span> 標籤被用來組合文檔中的行內元素。span最初就是用來帶class或者style屬性的。它本身不具有明確的語義。因此在文本流中，我們需要對某些文字做樣式上的改變，就用span括起來。
div+css
如果單獨使用 DIV 而不加任何 CSS-P, 那麼它在網頁中的效果和使用 <P></P> 是一樣的。如果用 id 或 class 來標記 <div>，那麼該標籤的作用會變得更加有效。DIV標籤應用於 Style Sheet（式樣表）方面會更顯威力，當我們把 CSS-P 用到 DIV 中去以後，我麼就可以嚴格設定它的位置。首先我們需要給這個可以被 CSS-P 控制的 DIV 一個 ID 或說是它的名字。比如說我們給下面這個 DIV 的名字是 truck。給名字的目的是我們以後可用 JavaScript 來控制它， 比如說移動它或改變它的一些性質等等。給層次取什麼名字是隨意的，名字可以是任何英文字母和數字，但第一個必須是字母。比如：header sidebar mainbady pagebody footer。
id與class的區別
class用於元素組（類似的元素，或者可以理解爲某一類元素），而id用於標識單獨的唯一的元素。class可以在頁面裏面重複使用，id由於在頁面裏面只能出現一次，所以不能重複使用，所以儘量用class來寫，這樣能在頁面裏面重複引用你寫的css，減小工作量和代碼量。這種情況儘量用id：頁面大的模塊裏面，用id來區分不同的模塊，比如頁面裏面有這樣的模塊：最新新聞，推薦新聞等，就可以考慮用id來區分。還有一點，由於id是頁面中唯一的，更多的是定義來留給給頁面裏面的javascript用。
<div id="searchform">Search form components go here. This
section of the page is unique.</div>
<div class="blogentry">
<h2>Today's blog post</h2>
<p>Blog content goes here.</p>
<p>Here is another paragraph of blog content.</p>
<p>Just as there can be many paragraphs on a page, so too
there may be many entries in a blog. A blog page could use
multiple instances of the class "blogentry" (or any other
class).</p>
</div>
<div class="blogentry">
<h2>Yesterday's blog post</h2>
<p>In fact, here we are inside another div of class
"blogentry."</p>
<p>They reproduce like rabbits.</p>
<p>If there are ten blog posts on this page, there might
be ten divs of class "blogentry" as well.</p>
</div>案例解釋：在這個例子中，名爲 searchform 的 div 被用來封裝包含搜索表單的頁面區域，而 div class="blogentry" 則用來封裝 blog 中的每個文章入口。在頁面中只有一個搜索表單，所以我們選擇 id 標註這個唯一的組件。但是 blog 則擁有許多的（文章）入口，所以 class 屬性被應用於這種情況。同樣地，新聞站點通常擁有多個 div，這些 div 的 class 可以命名爲 "newsitem" 或者別的什麼。
然而不是所有的站點都需要 div。blog 站點可以僅僅使用 h1, H2, 和 h2 標題和 <p> 段落，新聞站點也一樣。我們在這裏展示 class 爲 blogentry 的 div，並不是鼓勵你在站點中塞滿 div，而僅僅是爲了向你展示這個原則：在同一個 HTML 文檔中，使用多次 class，但只能使用一次 id。