HTML容器標籤和文本標籤

html中的容器級標籤和文本級標籤，css中的塊級元素和行內元素是咱們經常拿來比較的四個名詞（行內塊級暫時先不考慮）。注：若是標籤嵌套錯誤，可能會發生瀏覽器解析錯誤的狀況，只是針對嵌套作的這個。

容器標籤

一、容器級的標籤能夠簡單的理解爲能嵌套其它全部標籤的標籤。
二、常見容器級的標籤: div h ul ol dl li dt dd ...。

 

文本標籤

一、文本級的標籤對應容器級標籤，只能嵌套文字/圖片/超連接的標籤。
二、常見文本級的標籤:span p buis strong em ins del ...。

 

塊級元素

一、css中的塊級元素基本與html中的容器級標籤對應，包括: **p** div h ul ol dl li dt dd ...。

二、*ps:不用刻意去記憶哪些標籤是文本級的哪些標籤是容器級, 在企業開發中通常狀況下要嵌套都是嵌套在div中, 或者按照組標籤來嵌套(ul>li, ol>li , dl>dt+dd).*

 

行內元素

一、行內元素也基本與文本標籤對應：span buis strong em ins del。

 

塊級元素與行內元素

1.塊級元素獨佔一行，行內元素不獨佔。
2.若是沒有設置寬高，塊級元素默認與父元素一致，設置了則按設置的顯示；
　行內元素不能夠設置寬高，默認與包含的內容高度一致。

ps:爲了可以讓元素既可以不獨佔一行, 又能夠設置寬度和高度, 那麼就出現了行內塊級元素

css中顯示模式的切換

能夠經過標籤的display屬性設置顯示模式。

display取值

一、block 塊級
二、inline 行內
三、inline-block 行內塊級

總結：通常塊級元素都是容器級標籤，可是有幾個特殊的塊級元素只能包含內嵌元素，不能再包含塊級元素

 h一、h二、h三、h四、h五、h六、p、dt