HTML標(biāo)簽元素分類
HTML標(biāo)簽元素的分類主要有以下兩種分類方式：
1.按照元素閉合特征分類
2.按照是否換行特征分類
按照元素閉合特征分類
- 閉合標(biāo)簽：
閉合標(biāo)簽是指由開始標(biāo)簽和結(jié)束標(biāo)簽組成的一對標(biāo)簽，這種標(biāo)簽允許嵌套和承載內(nèi)容，例如<html></html>、<div></div>、<p></p>等 - 空標(biāo)簽
空標(biāo)簽是指沒有內(nèi)容的標(biāo)簽，在開始標(biāo)簽中自動閉合。常見的空標(biāo)簽有：<br/>、<hr/>等
按照是否換行特征分類
- 塊級元素
1.每個塊級元素獨(dú)占一行，每個塊級元素都會從新的一行開始，從上到下排布。
2.塊級元素可以直接控制寬度、高度以及盒子模型的相關(guān)css屬性。
3.在不設(shè)置寬度的情況下，塊級元素的寬度是他父級元素內(nèi)容的寬度。
4.在不設(shè)置高度的情況下，塊級元素的高度是他本身內(nèi)容的高度。
常見的塊級元素有：
<div></div>、<p></p>、<hx></hx>、<hr/>、<table></table>、<form></form>、<ol></ol>等 - 行內(nèi)元素
1.行內(nèi)元素之間從左到右顯示在一行。
2.行內(nèi)元素不能直接控制寬度、高度以及盒子模型的相關(guān)css屬性，其寬高是由內(nèi)容本身的大小決定的，但是可以設(shè)置內(nèi)外邊距的水平方向的值。也就是說對于內(nèi)聯(lián)元素的margin和padding，只有margin-left/margin-right和padding-left/padding-right是有效的，但是豎直方向的margin和padding無效果。
3.行內(nèi)塊級元素只能容納文本或者其他行內(nèi)元素（不要在行內(nèi)元素中嵌套塊級元素）。
常見的行內(nèi)元素有：
<a></a>、<span></span>、<b></b>等 - 行內(nèi)塊級元素（替換元素）
1.瀏覽器根據(jù)其標(biāo)簽的元素與屬性來判斷顯示的具體內(nèi)容
2.在同一行顯示
3.可以直接控制寬高
常見的行內(nèi)塊級元素有：
<img>、<input>、<textarea>
