1. 程式人生 > >HTML容器標簽和文本標簽

HTML容器標簽和文本標簽

開發 BE col 嵌套 statistic sdn 文本 mod 文字

html中的容器級標簽和文本級標簽,css中的塊級元素和行內元素是我們常常拿來比較的四個名詞(行內塊級暫時先不考慮)。註:如果標簽嵌套錯誤,可能會發生瀏覽器解析錯誤的情況,只是針對嵌套做的這個。

容器標簽

1、容器級的標簽可以簡單的理解為能嵌套其它所有標簽的標簽。
2、常見容器級的標簽: div h ul ol dl li dt dd ...。

文本標簽

1、文本級的標簽對應容器級標簽,只能嵌套文字/圖片/超鏈接的標簽。
2、常見文本級的標簽:span p buis strong em ins del ...。

塊級元素

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

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

行內元素

1、行內元素也基本與文本標簽對應:span buis strong em ins del。

塊級元素與行內元素

1.塊級元素獨占一行,行內元素不獨占。
2.如果沒有設置寬高,塊級元素默認與父元素一致,設置了則按設置的顯示;
 行內元素不可以設置寬高,默認與包含的內容高度一致。

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

css中顯示模式的切換

可以通過標簽的display屬性設置顯示模式。

display取值

1、block 塊級
2、inline 行內
3、inline-block 行內塊級

HTML容器標簽和文本標簽