div & span

紫色代表一級目錄

粉紅代表二級目錄

藍色代表三級目錄

紅色代表關鍵字

橙色代表說明

div　　定于文檔中的分區或節。

　　div 标簽是一個塊級标簽，用于充當容器的角色。此外，由于它是塊級元素，會顯示折行。

　　容器的作用就是使得裡面的内容能夠關聯，是以在用 CSS 進行布局時，會很輕松。

　　div 标簽的另一個常見的用途是文檔布局。它取代了使用表格定義布局的老式方法。使用 table 标簽進行文檔布局不是表格的正确用法。table 标簽的作用是顯示表格化的資料。

span　　用來組合文檔中的行内元素。

　　HTML 元素是内聯元素，可用作文本的容器。但不會自動換行。

　　當與 CSS 一同使用時， 元素可用于為部分文本設定樣式屬性。

兩者之間的聯系：

　　div 可以包含 span，但 span 不能包含 div。

　　span 标簽寬度是被包圍的内容寬度決定，不建議給span設定寬度屬性 width，可以給 span 設定 margin 值，設定與父元素之前的距離。span可以通過 CSS 聲明（display:block）轉換為塊元素，想對一行中的文字或圖檔單獨設定樣式，而又由不需要換行的條件下又不影響其他行内其他内容，span 可以很好解決這些問題。