4.8、標簽分類
Html中標簽眾多，一般來說會根據標簽的特性進行分類，比較塊級標簽、行級標簽、行塊級標簽以及幾個特殊標簽。
4.8.1、塊級標簽 block level
特性
- 寬度默認撐滿整個父元素
- 高度由內容撐開
- 獨立成行——垂直布局
- 具有盒模型特征（默認可以設置寬、高、padding、border、margin）
常用塊級標簽
div、h1、h2、h3、h4、h5、h6、p、ul、ol、dl、dt、dd等
4.8.2、行級標簽 inline level
特征
- 寬度默認由內容撐開
- 高度默認由內容撐開
- 橫向顯示——水平布局，一行放不下會自動換行
- 換行和空格會被解析
- 具有部分盒模型特征(默認width屬性、height屬性無效，垂直方向的margin、padding無效，垂直方向border不占位)
常用行級標簽
span、b、strong、em、i、sup、sub、del、a等
4.8.3、行塊級標簽 inline block
特征
- 具有行級標記的特征：橫向顯示——水平布局，一行放不下會自動換行；換行和空格會被解析
- 具有塊級標記的特征：可以設置寬度和高度，具有盒模型特征
常用標簽
img
4.8.4、特殊標簽
特殊標簽主要是列表、表格、表單標簽，它們與常規的標簽略有區別。
(1)列表
列表標簽中，ul、ol、dl、dt、dd為塊級標簽，查看網頁檢查元素可以發現：
display:block;
li標簽則是：
display: list-item;
由於li標簽特性與塊級標簽大致相同，所以在某些情況下也會認為它是塊級標簽。
(2)表格
表格中，表格標簽：
display: table;
thead標簽：
display: table-header-group;
tbody標簽：
display: table-row-group;
tbody中，tr標簽
display: table-row;
tbody中，td標簽
display: table-cell;
tfoot標簽：
display: table-footer-group;
(3)表單
表單中，form標簽，檢查頁面元素可知：
display:block;
但是，input關於display屬性並未提及，並未明確划分，但在實際使用中我們可知，它兼具行塊級標簽的部分特性，加上標簽屬性也可以轉換，我們根據實際情況會用即可。
textarea標簽：
display: inline-block;
button標簽：
display: inline-block;
select標簽：
display: inline-block;
option標簽：
display: block;
4.8.5、框類型轉換——display屬性
- display: block; 轉為塊級標簽
- display: inline; 轉為行級標簽
- display: inline-block; 轉為行塊級標簽
- display: none; 隱藏元素，隱藏之后不占位