一、列表
HTML中常見的列表有三種，分別是：
1、無序列表，是一組描述列表語義的組標簽，列表中每個項之間沒有先后順序；如圖：
1）組標簽：組標簽就是由多個標簽組成的一個整體，它們之間共同存在；例如 ：ul標簽，ol標簽，dl標簽；
2）ul ： 是英文 unordered list “無序列表”的意思；
3）li ： 是英文 list item “列表項”的意思；
4）ul標簽 里邊只能存放 li標簽，li標簽也不能單獨存在，但li標簽是容器級標簽，里邊可以放任何東西，包括存放ul標簽；下圖都是錯誤的：
ul標簽 里邊只能存放 li標簽:
li標簽也不能單獨存在：
5)、無序列表的網頁用途：導航欄；
2、有序列表：有序列表是一個描述列表語義的組標簽，列表內列表項之間是有先后順序的；
1) ol 是英文ordered list “有序列表”的意思；
2）li 是英文 list item “列表項”的意思；
3）ol標簽中只能存在li標簽，li標簽不能單獨存在，並且li標簽是容器級標簽，里邊可以存放任何東西；
4）有序列表的網頁用途，在實際開發中，人們習慣用無序列表來取代有序列表，所以有序列表並不經常用；
3、定義列表：定義列表也是一個用於描述列表語義的組標簽，用於對文本的定義；
1)dl 英文是 definition list “定義列表”的意思；
2）dt 英文是 definition title “定義標題”的意思；
3）dd 英文是 definition description “定義描述”的意思；
4）dl標簽里邊只能包含dt、dd 標簽，而dt、dd標簽也只能存在dl標簽之內；並且dt、dd標簽是容器級標簽，里邊可以存放任何東西；
5）定義列表的多種變形，靈活應用：
一個dt后邊可以跟多個dd，作用是多個dd共同來描述dt：
下面這種情況是允許的，只是第一個dt會沒有dd來描述：
一個dl中存在多個dt、dd組合：
因為dd是容器級標簽，這種情況也是可以的：
二、div 和 span
1、div
1）、div 是英文 division “分割”的意思，通常用於布局頁面，也就是所謂的“布局標簽”；
2）、div在瀏覽器中，默認是沒有任何顯示效果的，但加了div標簽后，語義就改變了，div范圍內的標簽就成一個區域；
3）、div 是一個容器級的標簽，里邊可以存放任何東西，包括div；
2、span
1）span標簽也描述“小區域，小范圍”的語義，但span屬於文本級的標簽，所以span中，只能存放文本，圖片，表單元素；