HTML容器標簽和文本標簽


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 行內塊級

總結:一般塊級元素都是容器級標簽,但是有幾個特殊的塊級元素只能包含內嵌元素,不能再包含塊級元素

 h1、h2、h3、h4、h5、h6、p、dt 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM